在CSS中，可以使用text-decoration屬性來添加帶有顏色的下劃線，具體步驟如下：

1、在CSS樣式表中定義需要添加下劃線的文本元素的樣式。

2、在該樣式中使用text-decoration屬性，并設置其值為"underline"。

3、可以通過color屬性來設置下劃線的顏色。

4、將定義好的樣式應用到需要添加下劃線的文本元素上即可。

以下CSS代碼可以將一個段落元素的文本添加一條紅色的下劃線：

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

在HTML中，可以通過class或id屬性來引用該樣式，

<p class="red-underline">這是一段帶有紅色下劃線的文本。</p>

或者：

<p id="red-underline">這是一段帶有紅色下劃線的文本。</p>

需要注意的是，text-decoration屬性不僅可以添加下劃線，還可以添加上劃線、刪除線等裝飾效果，color屬性也可以設置其他顏色，如下劃線顏色、字體顏色等。