在网页设计中，给文字添加下划线是一种常见的样式处理，它可以帮助用户区分链接文本和其他文本。CSS（层叠样式表）提供了简单的方法来实现这一效果。以下，我们将详细介绍如何使用CSS给文字添加下划线。
CSS基础：text-decoration属性
在CSS中，
text-decoration
属性用于设置文本的装饰效果，包括下划线、上划线、删除线等。通过这个属性，我们可以轻松地为文字添加下划线。
语法
text-decoration: [underline|overline|line-through|blink];
underline
：添加下划线。
overline
：添加上划线。
line-through
：添加删除线。
blink
：使文本闪烁。不过，这个属性在大多数现代浏览器中都不再推荐使用。
示例
以下是一个简单的HTML和CSS示例，演示如何为文字添加下划线：
这是一段普通文字。
这段文字有下划线。
在这个例子中，我们创建了一个名为
.underline-text
的类，并在其中设置了
text-decoration: underline;
属性。将这个类应用到任何元素上，都会给该元素的文字添加下划线。
其他装饰效果
除了添加下划线，
text-decoration
属性还可以用来设置其他装饰效果。例如：
text-decoration: overline;
：给文字添加上划线。
text-decoration: line-through;
：给文字添加删除线。
示例
这是一段普通文字。
这段文字有上划线。
这段文字有删除线。
总结
通过使用CSS的
text-decoration
属性，我们可以轻松地为文字添加各种装饰效果。这不仅可以帮助用户更好地理解内容，还可以提高网页的美观度。希望这篇文章能帮助你轻松入门CSS，并掌握如何给文字添加下划线。