Rumah > Artikel > hujung hadapan web > Apakah maksud kod coretan css?

Apakah maksud kod coretan css?

青灯夜游asal: 2022-09-14 13:59:554253semak imbas

Kod coretan css ialah "elemen teks {text-decoration:line-through;}". Atribut hiasan teks css digunakan untuk menentukan pengubahsuaian yang ditambahkan pada teks, seperti garis bawah, garis atas, coretan, dsb. apabila nilai atribut ini ditetapkan kepada "baris melalui", baris melalui teks boleh ditakrifkan , iaitu, kesan Strikethrough.

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.

Dalam CSS, anda boleh menggunakan atribut hiasan teks untuk mencapai kesan coretan Kod pelaksanaan ialah:

文本元素{text-decoration:line-through;}

Atribut hiasan teks menentukan pengubahsuaian yang ditambahkan pada teks. garis bawah dan garis atas, garisan garis, dsb.

值	描述
none	默认。定义标准的文本。
underline	定义文本下的一条线。
overline	定义文本上的一条线。
line-through	定义穿过文本下的一条线。
blink	定义闪烁的文本。

Penerangan:

Atribut ini membolehkan anda menetapkan kesan tertentu pada teks, seperti coretan. Sekiranya unsur keturunan tidak mempunyai hiasan sendiri, hiasan yang ditetapkan pada unsur nenek moyang akan "melanjutkan" kepada unsur keturunan. Ejen pengguna tidak perlu menyokong blink.

Contoh kod:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>css添加文本文字的删除线</title>
		<style>
			p{
				text-decoration:line-through;
			}
		</style>
	</head>
	<body>
		<p>这里有一条删除线</p>
	</body>
</html>

Apakah maksud kod coretan css?

Seperti yang anda boleh lihat daripada contoh, tetapan text-decoration:line-through; menambah coretan pada teks dalam elemen p. Kaedahnya mudah dan senang. Dan anda boleh mengubah suai gaya coretan melalui tetapan css, seperti: warna, contohnya:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>css添加文本文字的删除线</title>
		<style>
			p{
				text-decoration:line-through;
				color: red;
			}
			span{
				color: black;
			}
		</style>
	</head>
	<body>
		<p><span>这里有一条删除线</span></p>
	</body>
</html>

Apakah maksud kod coretan css?

Dengan cara ini, kami menggabungkan text-decoration：line-through dan <span></span> gaya untuk menentukan warna fon teks Dengan gaya, anda boleh mencapai kesan gaya warna coretan dan teks yang berbeza dalam CSS.

(Mempelajari perkongsian video: Bermula dengan bahagian hadapan web)

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

html5 css css3

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：Apakah kegunaan tatasusunan javascriptArtikel seterusnya：Apakah kegunaan tatasusunan javascript

Artikel berkaitan

Lihat lagi