{
text-decoration: underline;
}通过设置text-decoration属性的值为underline，就可以实现在文本下方添加下划线的效果。
如果希望下划线和文本的颜色不同，可以使用text-decoration-color属性进行设置。
{
text-decoration: underline;
text-decoration-color: red;
}上述代码设置了下划线的颜色为红色。
如果希望只在文本的某个状态下显示下划线，可以使用:hover伪类选择器。
a:hover {
text-decoration: underline;
}上述代码表示当鼠标指向链接时，链接文本将出现下划线。
当然，下划线不仅可以用于文本的下方，还可以通过text-decoration属性的值line-through设置在文本中间
{
text-decoration: line-through;
}上述代码实现了在文本中间添加删除线的效果。
在CSS中，下划线是一个常用的效果之一，通过text-decoration属性的设置，大家可以轻松实现不同样式的下划线。在实际项目中，需要根据需求灵活运用。