如何更改下劃線的文字顏色？

更改帶下劃線的文字的顏色

使用下劃線設定文字樣式是一種常見的願望，但是如果您想自訂底線的顏色怎麼辦？預設情況下，下劃線與文字共享相同的顏色，但有一些方法可以更改此行為以增強視覺吸引力。

為此，現代瀏覽器現在支援 text-decoration-color 屬性，使其成為一項簡單的任務。只需指定所需的顏色值，底線就會呈現該色調。

但是，如果您需要迎合不支援文字裝飾顏色的舊瀏覽器，則存在替代解決方案。透過在文字底部設定邊框，您可以建立下劃線的外觀。邊框顏色可以像任何其他邊框一樣進行控制，從而允許自訂。

這是一個使用 CSS 的範例：

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

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

這種方法可以跨瀏覽器可靠地工作，並且是添加為帶下劃線的文本增添一絲風格。

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