如何更改 CSS 中底線的顏色？

CSS 文字裝飾下劃線顏色

在 Web 開發中，在某些情況下您可能希望對文字下劃線進行樣式化。本文解決了更改文字​​行下方下劃線顏色的挑戰，從而創建獨特的視覺效果。

解決方案1：text-decoration-color（現代瀏覽器）

對於支援text-decoration-color 屬性的現代瀏覽器，只需套用以下CSS規則：

text-decoration-color: green;

此方法允許直接指定底線顏色。

解決方案2：border-bottom（舊版瀏覽器）

如果舊版瀏覽器不支援text-decoration-color 屬性，另一個方法是使用border -bottom 屬性：

a:link {
  color: red;
  text-decoration: none;
  border-bottom: 1px solid blue;
}
a:hover {
 border-bottom-color: green;
}

此方法在文字底部加入彩色邊框，有效模仿下劃線的外觀。

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