在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;}

这样所有的链接都会有下划线，让用户更容易识别链接所在的位置。