Bagaimana untuk mengalih keluar garis bawah dalam css

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>

2 Gunakan sifat border-bottom

• border-bottom Properties. boleh digunakan pada sempadan bawah elemen teks. Tetapkan sifat ini kepada 0 untuk mengalih keluar garis bawah:
• rrreee
• 3 Gunakan pseudo-class

🎜 Anda juga boleh menggunakan pseudo-class untuk mengalih keluar garis bawah khusus untuk elemen pautan: 🎜rrreee🎜🎜4. Gunakan atribut outline 🎜🎜🎜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!