css中怎么设置文字上横线

HTML中的文本默认都是水平排列的，但有时我们需要在某些文字上加上横线来强调特定内容，这时候就需要用到CSS样式表中的text-decoration属性。通过text-decoration属性，我们可以为文本设置多种修饰效果，比如下划线、划线、双下划线等。下面我们就来看一下如何使用text-decoration属性来设置文本上的横线。
使用text-decoration设置文本下划线
要为文本设置下划线，只需要在CSS样式表中为相应元素添加text-decoration属性，并将其值设为"underline"即可，如下所示：
p {
text-decoration: underline;
}
这样，所有的p元素中的文本都会显示下划线，如下所示：
这是一段有下划线的文本。
使用text-decoration设置文本中划线
要为文本设置中划线，只需要将text-decoration属性的值设置为"line-through"即可，如下所示：
p {
text-decoration: line-through;
}
这样，所有的p元素中的文本都会显示中划线，如下所示：
这是一段有中划线的文本。
使用text-decoration设置文本上横线
要为文本设置上横线，可以将text-decoration属性的值设置为"overline"，如下所示：
p {
text-decoration: overline;
}
这样，所有的p元素中的文本都会显示上横线，如下所示：
这是一段有上横线的文本。
同时设置多种文本修饰效果
有时候，我们需要同时为文本添加多种修饰效果，比如同时显示下划线和中划线。这时候，我们只需要在text-decoration属性中使用逗号分隔不同的修饰效果即可，如下所示：
p {
text-decoration: underline, line-through;
}
这样，所有的p元素中的文本都会同时显示下划线和中划线，如下所示：
这是一段同时有下划线和中划线的文本。
通过上面的介绍，相信大家已经掌握了如何使用CSS来为文本设置上横线了。如果想要了解更多有关CSS的知识，请继续关注我们的博客。