如何在 HTML 中的黑色文字上添加紅色下劃線？

HTML中的彩色底線

此程式碼會產生紅色底線文字：

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

但是，您希望將文字保留為黑色，但仍保留紅色

解決方案：文字裝飾顏色

CSS3 引入了一個名為text-decoration-color 的新屬性。此屬性可讓您為文字裝飾指定單獨的顏色，在本例中為下劃線。

透過使用此屬性，您可以實現您想要的效果：

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>

此程式碼產生帶有紅色下劃線的黑色文本，而不需要額外的包裝元素。

以上是如何在 HTML 中的黑色文字上添加紅色下劃線？的詳細內容。更多資訊請關注PHP中文網其他相關文章！