CSS是一種樣式表語言，可以通過它來美化網頁的顯示效果。其中有一項功能就是可以為文字添加下劃線，并且還可以設置下劃線的顏色。下面我們就來詳細講解一下如何設置下劃線顏色。

/* 給文字添加下劃線 */
text-decoration: underline;
/* 設置下劃線顏色 */
text-decoration-color: red;

如上所示，我們可以使用text-decoration屬性來為文字添加下劃線，并且使用text-decoration-color屬性來設置下劃線的顏色。其中，text-decoration-color屬性可以設置任意可用的CSS顏色值，例如red、green、blue等等。

除了使用text-decoration屬性以外，我們還可以結合border-bottom屬性來實現下劃線效果，代碼如下所示：

/* 給文字添加下劃線 */
border-bottom: 1px solid black;
/* 設置下劃線顏色 */
border-color: red;

如上所示，我們使用border-bottom屬性來實現下劃線效果，并且使用border-color屬性來設置下劃線的顏色。其中，solid表示下劃線是實線，1px表示下劃線的粗細，black表示下劃線的顏色。

無論是使用text-decoration屬性還是border-bottom屬性，都可以為文字添加下劃線，并且設置下劃線的顏色。這樣就可以達到不同的視覺效果，可以讓網頁內容更加生動多彩。