Rumah  >  Artikel  >  hujung hadapan web  >  css coretan css

css coretan css

WBOY
WBOYasal
2023-05-27 09:02:079964semak imbas

Strikethrough CSS

Dalam reka bentuk web, coretan sering digunakan untuk menunjukkan bahawa perenggan teks tertentu tidak lagi sah atau telah diubah suai. CSS menyediakan berbilang kaedah untuk menambah coretan pada teks Artikel ini akan memperkenalkan dua daripadanya: text-decoration dan text-decoration-line.

atribut hiasan-teks

Atribut hiasan-teks ialah atribut CSS yang digunakan untuk menambah garisan hiasan pada teks. Ia boleh mengawal garis bawah, garis atas, coretan, dsb. Berikut ialah sintaks atribut text-decoration:

text-decoration: [line] [style] [color];

Antaranya, parameter baris digunakan untuk menetapkan jenis garisan hiasan, parameter gaya digunakan untuk menetapkan gaya garis hiasan, dan parameter warna digunakan untuk menetapkan warna garisan hiasan.

Untuk menambahkan coretan pada teks, anda hanya perlu menetapkan parameter baris kepada baris melalui Gaya boleh dibiarkan tanpa ditetapkan secara lalai dan warna boleh ditetapkan mengikut keperluan. Berikut ialah contoh:

p {
    text-decoration: line-through;
    color: red;
}

Dalam contoh ini, kami menambah coretan pada elemen p, gaya tidak ditetapkan dan warna ditetapkan kepada merah.

atribut baris hiasan-teks

atribut baris hiasan-teks ialah atribut baharu dalam CSS3, digunakan untuk mengawal jenis garisan hiasan. Tidak seperti atribut text-decoration, text-decoration-line hanya perlu menetapkan satu jenis. Berikut ialah sintaks atribut text-decoration-line:

text-decoration-line: [line];

Kami hanya perlu menetapkan parameter baris kepada baris-through untuk menambah coretan pada teks. Berikut ialah contoh:

p {
    text-decoration-line: line-through;
    color: blue;
}

Dalam contoh ini, kami turut menambah coretan pada elemen p dan menetapkan warna kepada biru. Memandangkan sifat baris hiasan-teks hanya mengawal jenis baris, warna perlu ditetapkan melalui sifat warna.

Ringkasan

Melalui dua kaedah di atas, kita boleh menambah coretan pada teks dalam CSS. Atribut hiasan teks boleh mengawal berbilang baris hiasan pada masa yang sama Atribut baris hiasan teks hanya perlu menetapkan coretan, yang boleh menjadi lebih ringkas. Dalam proses pembangunan sebenar, adalah perlu untuk memilih kaedah yang sesuai untuk mencapai kesan strikethrough mengikut keperluan.

Atas ialah kandungan terperinci css coretan css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:html %escapeArtikel seterusnya:html %escape