我可以更改文字中下劃線的顏色嗎？

自訂文字下劃線顏色

問：是否可以更改文字下繪製的線條的顏色？

答：是的，您現在可以使用 CSS 輕鬆更改底線顏色。

對於現代瀏覽器（文字裝飾顏色支援）：

指定下劃線顏色，請使用下列規則：

<code class="css">text-decoration-color: #color_value;</code>

例如，要建立帶有藍色底線的紅色文本，代碼為：

<code class="css">text-decoration-color: blue;</code>

對於舊版瀏覽器（邊框-bottom 方法):

如果您的瀏覽器不支援text-decoration-color，另一種方法是在文本下方創建邊框：

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

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

在此示例中，它會創建一個帶有藍色下劃線的鏈接，懸停時該鏈接會變成綠色。

以上是我可以更改文字中下劃線的顏色嗎？的詳細內容。更多資訊請關注PHP中文網其他相關文章！