Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Bagaimana untuk mengalih keluar garis bawah teks dalam css3

Bagaimana untuk mengalih keluar garis bawah teks dalam css3

WBOY
Lepaskan: 2022-03-25 16:09:30
asal
2682 orang telah melayarinya

Dalam CSS3, anda boleh menggunakan atribut "text-decoration" untuk mengalih keluar garis bawah teks Atribut ini digunakan untuk menentukan hiasan yang ditambahkan pada teks Apabila nilai atribut ditetapkan kepada "tiada", anda boleh tentukan teks standard , garis bawah teks akan dialih keluar dan sintaksnya ialah "text-decoration:none".

Bagaimana untuk mengalih keluar garis bawah teks dalam css3

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

Cara mengalih keluar garis bawah teks dalam css3

Atribut hiasan teks menentukan hiasan yang ditambahkan pada teks.

Nota: Warna pengubahsuaian ditetapkan oleh atribut "warna".

Penerangan

Atribut ini 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.

  • tiada satu pun yang lalai. Teks yang mentakrifkan standard.

  • garis bawah mentakrifkan garisan di bawah teks.

  • garis atas mentakrifkan baris pada teks.

  • baris melalui mentakrifkan baris yang melalui di bawah teks.

  • kelip mentakrifkan teks berkelip.

Contohnya seperti berikut:

<html>
<head>
<style type="text/css">
.abc{text-decoration: none}
</style>
</head>
<body>
<p><a href="" class="abc">这是一个链接</a></p>
<a href="">这是一个链接</a>
</body>
</html>
Salin selepas log masuk

Hasil output:

Bagaimana untuk mengalih keluar garis bawah teks dalam css3

(Pembelajaran perkongsian video: tutorial video css)

Atas ialah kandungan terperinci Bagaimana untuk mengalih keluar garis bawah teks dalam css3. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
css
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan