Rumah > Artikel > hujung hadapan web > Bagaimana untuk menambah garis bawah dalam css
Bagaimana untuk menambah garis bawah dalam css
- 青灯夜游asal
- 2021-07-22 16:30:5314637semak imbas
Anda boleh menggunakan atribut text-decoration dalam CSS untuk menambah kesan garis bawah Anda hanya perlu menetapkan gaya "text-decoration:underline" kepada elemen. text-decoration menentukan hiasan yang ditambahkan pada teks, dan nilai garis bawah mentakrifkan garis di bawah teks.
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.
Dalam CSS, anda boleh menggunakan atribut hiasan teks untuk menambah kesan garis bawah. Atribut hiasan teks boleh menentukan hiasan yang ditambahkan pada teks Apabila nilai ditetapkan kepada garis bawah, ia boleh menentukan garis di bawah teks, iaitu kesan garis bawah.
Mari kita lihat contoh kod di bawah:
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
p {
text-decoration: underline
}
</style>
</head>
<body>
<p>测试文本！</p>
</body>
</html>Rendering:
Arahan:
Atribut hiasan teks membolehkan anda menetapkan kesan tertentu pada teks, seperti garis bawah. 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.
Nilai yang mungkin:
| 值 | 描述 |
|---|---|
| none | 默认。定义标准的文本。 |
| underline | 定义文本下的一条线。 |
| overline | 定义文本上的一条线。 |
| line-through | 定义穿过文本下的一条线。 |
| blink | 定义闪烁的文本。 |
| inherit | 规定应该从父元素继承 text-decoration 属性的值。 |
(Belajar perkongsian video: tutorial video css)
Atas ialah kandungan terperinci Bagaimana untuk menambah garis bawah dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!