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

修改文字下劃線顏色

可以使用某些 CSS 屬性來變更文字下劃線的顏色。

選項1：text-decoration-color（現代瀏覽器）

對於支援text-decoration-color 屬性的現代瀏覽器，您可以直接設定顏色，如下：

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

選項2：舊版瀏覽器的border-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中文網其他相關文章！