想要讓下劃線變色，我們可以使用CSS中的text-decoration屬性來(lái)實(shí)現(xiàn)。text-decoration屬性是控制文本修飾效果的屬性，包括下劃線、刪除線、上劃線等等。

下劃線顏色的改變可以通過(guò)text-decoration-color屬性來(lái)實(shí)現(xiàn)。該屬性可以控制下劃線的顏色。下面是一個(gè)例子，我們將下劃線的顏色改為紅色：

.underline {
text-decoration: underline;
text-decoration-color: red;
}

上述代碼中，我們定義了一個(gè)類名為underline的樣式。在該樣式中，我們使用text-decoration屬性來(lái)添加下劃線效果，并使用text-decoration-color屬性將下劃線顏色設(shè)為紅色。

除了text-decoration-color屬性外，我們還可以使用text-decoration-line屬性來(lái)控制下劃線的類型，包括實(shí)線、虛線、雙實(shí)線等等。例如，我們可以將下劃線修改為雙實(shí)線：

.underline {
text-decoration: double;
text-decoration-color: red;
}

上述代碼中，我們使用text-decoration屬性將下劃線類型設(shè)為雙實(shí)線，同樣使用text-decoration-color屬性將下劃線顏色設(shè)為紅色。

總之，通過(guò)text-decoration屬性控制文本修飾效果，再通過(guò)text-decoration-color屬性控制下劃線顏色，我們可以很容易地讓下劃線變色。同時(shí)，使用text-decoration-line屬性可以更加豐富下劃線的視覺效果。