[分享]css中怎么在文字下面设横线

CSS中怎么在文字下面设横线CSS中有一个属性textdecoration，用于设置文字的装饰效果。其中，textdecorationline属性用于设置文字下方的装饰线。常见的取值有：1. unde...

CSS中怎么在文字下面设横线
CSS中有一个属性text-decoration，用于设置文字的装饰效果。其中，text-decoration-line属性用于设置文字下方的装饰线。
常见的取值有：
1. underline：下划线
2. overline：上划线
3. line-through：中划线
4. none：无装饰线
对于需要设置下划线的文字，我们可以在CSS中添加如下样式：
p {
text-decoration-line: underline;
}
这样，所有p标签下的文字都会以下划线的形式呈现出来。
此外，text-decoration属性还有一些其他的取值，如text-decoration-color（设置装饰线的颜色）、text-decoration-style（设置装饰线的样式）等。
下面是一个完整的CSS样式示例，展示如何同时设置下划线和下划线的颜色：
pre {
text-decoration-line: underline;
text-decoration-color: red;
}
在HTML中，我们可以使用pre标签来展示代码示例。上述代码样式将对所有pre标签下的文字添加下划线，并设置成红色。
总之，text-decoration属性提供了多种文字装饰效果的设置方式，可以满足不同场景下的需求。在开发中灵活运用，可以让网页变得更加美观和易读。