在CSS中，我們可以使用text-decoration屬性來給文字添加橫線。

text-decoration屬性的值有以下幾種：

text-decoration: none; /* 默認值，不添加橫線 */
text-decoration: underline; /* 添加下劃線 */
text-decoration: overline; /* 添加上劃線 */
text-decoration: line-through; /* 添加中劃線 */
text-decoration: blink; /* 文字閃爍 */

舉個例子，在html中使用下面的代碼:

<p style="text-decoration: underline;">這是一段有下劃線的文字。</p>

這樣就能給這段文字添加下劃線。

我們也可以給多個元素同時添加橫線：

<p class="underline">這是一段有下劃線的文字。</p>
<p class="underline">這是另一段有下劃線的文字。</p>
/* CSS代碼 */
.underline {
text-decoration: underline;
}

使用class屬性添加樣式的好處是可以避免給每個元素都添加相同的style屬性，大大提高了代碼的可維護性。

除了給文字添加橫線之外，我們還可以給鏈接添加下劃線來表示鏈接的可點擊性：

a {
text-decoration: underline;
}

這樣所有的鏈接都會有下劃線，讓用戶更容易識別鏈接所在的位置。