CSS控制下劃線顏色

在CSS中，我們可以使用text-decoration-color屬性來控制下劃線的顏色，如果你想讓下劃線變成紅色，可以這樣做：

p {
    text-decoration-color: red;
}

這段CSS代碼會將段落（p元素）的下劃線顏色設(shè)置為紅色，如果你想要應(yīng)用到其他元素或者更具體的選擇器，可以相應(yīng)地調(diào)整代碼。

示例

假設(shè)你有一個鏈接（a元素），你想要它的下劃線顏色為紅色，可以這樣寫：

a {
    text-decoration-color: red;
}

這樣，鏈接的下劃線顏色就會變成紅色。

兼容性

需要注意的是，text-decoration-color屬性在早期的CSS規(guī)范中并不存在，它是在CSS3的文本裝飾模塊中引入的，如果你需要支持較舊的瀏覽器版本，可能需要使用其他方法來實現(xiàn)下劃線顏色的控制，不過，在現(xiàn)代瀏覽器中，這個屬性通常都有很好的支持。

其他方法

如果你不能使用text-decoration-color屬性，或者需要支持舊版瀏覽器，可以考慮使用其他CSS技巧來實現(xiàn)類似效果，你可以使用偽元素（:after或:before）來創(chuàng)建一個紅色的下劃線：

a:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    margin-top: 5px; /* 調(diào)整位置 */
    background-color: red;
}

這段代碼會在鏈接下方創(chuàng)建一個紅色的線，類似于下劃線的效果，這種方法可能需要更多的調(diào)整來適應(yīng)你的具體需求。