下劃線是我們在排版文本時常用的符號之一，用于強調某段文字或者作為鏈接的樣式。在CSS中，我們可以控制下劃線的顏色、樣式和位置。

a {
text-decoration: underline;
/* 控制下劃線樣式 */
color: #0000FF;
/* 控制鏈接文字顏色 */
}
a:hover {
color: #FF0000;
/* 控制鏈接文字在鼠標經過時的顏色 */
}
.underline-red {
text-decoration-color: red;
/* 控制下劃線顏色 */
}

在CSS中，下劃線樣式通過text-decoration屬性來控制，默認情況下是單線下劃線。我們可以通過該屬性來修改為其他樣式，例如雙線下劃線、波浪線等。

通過color屬性，我們可以控制鏈接文字的顏色，而在:hover狀態下可以控制鏈接文字在鼠標經過時的顏色。如果需要只修改下劃線顏色，可以使用text-decoration-color屬性。

需要注意的是，在一些瀏覽器中，如果下劃線顏色和文字顏色不一樣，會導致下劃線斷開。為了讓下劃線和文字顏色一致，可以通過設置text-decoration-skip-ink: none;來避免這個問題。

總的來說，下劃線是一個簡單而常用的符號，在CSS的控制下可以更加靈活地使用，達到優美的排版效果。