css中横线如何设置颜色

在CSS中，我们可以使用text-decoration属性来设置文本的装饰效果，其中包括横线。而要设置横线的颜色，我们需要使用text-decoration-color属性。

    p {
            text-decoration: underline;
            text-decoration-color: red;
    }

上述代码表示，在段落中添加下划线，并将下划线的颜色设置为红色。如果不设置text-decoration-color属性，则下划线的颜色会默认为文本的颜色。

同样的，我们也可以使用border-bottom属性来为文本添加横线，然后再使用border-bottom-color来设置横线的颜色。

    p {
            border-bottom: 1px solid;
            border-bottom-color: blue;
    }
    

上述代码表示，在段落中添加一条宽度为1像素、样式为实线的底部边框，并将边框的颜色设置为蓝色。

需要注意的是，使用text-decoration-color或border-bottom-color属性设置横线颜色时，必须先设置text-decoration或border-bottom属性来定义横线的样式。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！