Bagaimanakah saya boleh menukar warna garis bawah dalam CSS?

Warna garis bawah hiasan teks CSS

Dalam pembangunan web, terdapat senario di mana anda mungkin ingin menggayakan garis bawah teks. Artikel ini menangani cabaran untuk menukar warna garis bawah di bawah baris teks, mencipta kesan visual yang berbeza.

Penyelesaian 1: warna hiasan-teks (Pelayar Moden)

Untuk penyemak imbas moden yang menyokong sifat teks-hiasan-warna, hanya gunakan CSS berikut peraturan:

text-decoration-color: green;

Kaedah ini membenarkan spesifikasi langsung warna garis bawah.

Penyelesaian 2: bahagian bawah sempadan (Pelayar Lama)

Jika sifat teks-hiasan-warna tidak disokong oleh penyemak imbas yang lebih lama, pendekatan alternatif ialah menggunakan bahagian bawah sempadan harta:

a:link {
  color: red;
  text-decoration: none;
  border-bottom: 1px solid blue;
}
a:hover {
 border-bottom-color: green;
}

Pendekatan ini menambahkan jidar berwarna ke bahagian bawah teks, meniru penampilan garis bawah dengan berkesan.

Atas ialah kandungan terperinci Bagaimanakah saya boleh menukar warna garis bawah dalam CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!