Bagaimana untuk menukar warna garis bawah sambil mengekalkan warna teks yang sama?

Menukar Warna Garis Bawah: Mengasingkan Teks dan Warna Garis Bawah

Untuk mengekalkan warna teks merah sambil menukar warna garis bawah kepada hitam, mari kita teroka penyelesaian yang memanfaatkan sifat CSS3 novel: text-decoration-color.

Dengan sifat ini, kami boleh menetapkan warna yang berbeza pada teks itu sendiri dan hiasan garis bawah, menghapuskan keperluan untuk elemen pembalut tambahan. Berikut ialah coretan kod yang dikemas kini:

p {
  text-decoration: underline;
  -webkit-text-decoration-color: red; /* Safari still uses a vendor prefix */
  text-decoration-color: red;
}

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

Dengan memanfaatkan sifat teks-hiasan-warna, kita boleh mencapai kesan yang diingini untuk mempunyai teks bergaris hitam tanpa mengorbankan warna teks merah.

Atas ialah kandungan terperinci Bagaimana untuk menukar warna garis bawah sambil mengekalkan warna teks yang sama?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!