Cara mengalih keluar garis bawah dalam CSS: gunakan text-decoration: none; gunakan a:link, a:visited dan a:hover pseudo-classes untuk menetapkan text-decoration kepada none; ;
Cara mengalih keluar garis bawah dalam CSS
Skor bawah biasanya digunakan untuk pautan teks, tetapi kadangkala anda mungkin mahu mengalih keluar garis bawah dalam CSS. Begini cara untuk melakukannya:
1 Gunakan atribut text-decoration
text-decoration
属性
text-decoration
属性可以控制文本的装饰,包括下划线。要删除下划线,请将此属性设置为 none
:
<code class="css">a { text-decoration: none; }</code>
2. 使用 border-bottom
属性
border-bottom
属性可以应用到文本元素的底部边框。将此属性设置为 0
以删除下划线:
<code class="css">a { border-bottom: 0; }</code>
3. 使用伪类
您还可以使用伪类专门针对链接元素删除下划线:
<code class="css">a:link { text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: none; }</code>
4. 使用 outline
属性
outline
属性可以控制元素周围的边框。将此属性设置为 none
Atribut text-decoration
membolehkan anda mengawal hiasan teks, termasuk garis bawah. . Untuk mengalih keluar garis bawah, tetapkan sifat ini kepada tiada
: <code class="css">a {
outline: none;
}</code>
border-bottom
border-bottom
Properties. boleh digunakan pada sempadan bawah elemen teks. Tetapkan sifat ini kepada 0
untuk mengalih keluar garis bawah: outline
mengawal sempadan di sekeliling elemen. Tetapkan sifat ini kepada none
untuk mengalih keluar garis bawah: 🎜rrreee🎜🎜Nota: 🎜🎜🎜🎜Kaedah pertama adalah universal dan berfungsi untuk semua elemen teks. 🎜🎜Kaedah 2 dan 4 adalah khusus untuk elemen pautan. 🎜🎜Kaedah ke-3 menyasarkan elemen pautan dalam keadaan berbeza, seperti pautan yang belum dilawati, pautan yang dilawati dan pautan dengan tetikus melayang di atasnya. 🎜🎜Atas ialah kandungan terperinci Bagaimana untuk mengalih keluar garis bawah dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!