Bagaimanakah Saya Boleh Menukar Warna Teks Bergaris?

Menukar Warna Teks Bergaris

Merupakan keinginan umum untuk menggayakan teks dengan garis bawah, tetapi bagaimana jika anda ingin menyesuaikan warna garis bawah itu? Secara lalai, garis bawah berkongsi warna yang sama seperti teks, tetapi terdapat cara untuk mengubah tingkah laku ini untuk daya tarikan visual yang dipertingkatkan.

Untuk berbuat demikian, penyemak imbas moden kini menyokong sifat warna hiasan-teks, menjadikannya satu tugas yang mudah. Hanya nyatakan nilai warna yang diingini, dan garis bawah akan mengambil warna itu.

Walau bagaimanapun, jika anda perlu memenuhi pelayar lama yang tidak menyokong warna hiasan-teks, penyelesaian alternatif wujud. Dengan menetapkan sempadan di bahagian bawah teks, anda boleh membuat penampilan garis bawah. Warna jidar boleh dikawal sama seperti jidar lain, membenarkan penyesuaian.

Berikut ialah contoh menggunakan CSS:

<code class="css">a:link {
  color: red;
  text-decoration: none;
  border-bottom: 1px solid blue;
}

a:hover {
  border-bottom-color: green;
}</code>

Pendekatan ini berfungsi dengan pasti merentas penyemak imbas dan merupakan cara yang bagus untuk menambah sentuhan gaya kepada teks bergaris.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menukar Warna Teks Bergaris?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!