Bagaimanakah Saya Boleh Mempunyai Garis Bawah Merah pada Teks Hitam dalam HTML?

Garis Berwarna dalam HTML

Kod ini menghasilkan teks bergaris bawah yang berwarna merah:

echo "<u><font color='red'><br>$username</font></u>";

Walau bagaimanapun, anda ingin meninggalkan teks hitam tetapi masih mempunyai warna merah garis bawah.

Penyelesaian: Warna Hiasan Teks

CSS3 telah memperkenalkan sifat baharu yang dipanggil text-decoration-color. Sifat ini membenarkan anda menetapkan warna yang berasingan pada hiasan teks, dalam kes ini, garis bawah.

Dengan menggunakan sifat ini, anda boleh mencapai kesan yang anda inginkan:

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

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

Kod ini menghasilkan teks hitam dengan garis bawah merah, tanpa memerlukan elemen pembalut tambahan.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mempunyai Garis Bawah Merah pada Teks Hitam dalam HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!