CSS的 text-decoration 屬性用于添加文本修飾,比如下劃線、刪除線、上劃線等等。在默認情況下,這些修飾都是黑色的,但可以通過 CSS 控制調整顏色。
text-decoration-color 屬性可以用來設置文本修飾的顏色。它可以與 text-decoration-line 屬性一起使用,來定義不同顏色的文本修飾線。以下是一個例子。
p { text-decoration-line: underline; text-decoration-color: red; }
以上代碼將設置段落的下劃線顏色為紅色。
在該屬性被引入之前,如果想改變文本修飾顏色,必須用其他取巧的方法來實現。例如,可以使用文本陰影來模擬一個不同顏色的下劃線。
p { text-shadow: 0px 1px 0px blue; }
以上代碼將在段落下方添加一個藍色的文本陰影,從而實現了不同顏色的下劃線效果。
然而,使用 text-decoration-color 屬性能夠更加簡單和直接地實現這種效果。所以,如果想改變文本修飾的顏色,建議使用 text-decoration-color 屬性。