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中文網其他相關文章!