Bagaimana untuk membuat garis bawah berwarna untuk teks dalam HTML?

Menyesuaikan Warna Garis Bawah

Dalam pengekodan HTML, anda mungkin menghadapi situasi di mana anda ingin menggariskan teks dalam warna tertentu, tetapi biarkan teks itu sendiri warna yang berbeza. Masalah timbul apabila anda menggunakan satu elemen untuk menggayakan kedua-dua teks dan garis bawah, yang membawa kepada pewarnaan seragam.

Untuk menangani isu ini, anda boleh menggunakan sifat CSS3 terkini: text-decoration-color. Sifat ini membolehkan anda mengawal warna garis bawah secara bebas, membolehkan anda membuat teks dalam satu warna dan garis bawah dalam warna berbeza dalam elemen yang sama.

Berikut ialah contoh kod CSS:

p {
  text-decoration: underline;
  -webkit-text-decoration-color: red; /* for Safari browsers */
  text-decoration-color: red;
}

Dan contoh HTML untuk memaparkan hasil:

<p>Black text with red underline in one element - no wrapper elements here!</p>

Dengan melaksanakan sifat CSS ini, anda boleh membahagikan gaya teks dan garis bawah, mencapai penyesuaian warna yang anda inginkan tanpa memerlukan pembungkus tambahan elemen.

Atas ialah kandungan terperinci Bagaimana untuk membuat garis bawah berwarna untuk teks dalam HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!