Apakah maksud kod coretan css?-Soal Jawab bahagian hadapan-php.cn

Apakah maksud kod coretan css?

青灯夜游

Lepaskan： 2022-09-14 13:59:55

asal

4292 orang telah melayarinya

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.

Apakah maksud kod coretan css?

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;}

Salin selepas log masuk

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>

Salin selepas log masuk

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>

Salin selepas log masuk

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!