如何用CSS为HTML横线添加颜色 |div css基础用法整理

1. 使用border属性

属性来设置HTML横线的样式，然后再使用border-color属性来设置颜色。下面的CSS代码可以为HTML横线添加红色颜色。

hr {: 1px solid;

border-color: red;

dd-color属性来设置HTML横线的背景颜色。下面的CSS代码可以为HTML横线添加蓝色颜色。

hr {d-color: blue;

height: 1px;one;

3. 使用伪元素

伪元素可以在HTML元素的前面或后面添加内容。大家可以使用::before伪元素来为HTML横线添加颜色。下面的CSS代码可以为HTML横线添加绿色颜色。

hr::before {tent: “”;

display: block;

height: 1px;d;

这里需要注意的是，为了使伪元素具有一定的宽度，大家需要使用display属性将其设置为块级元素，并且使用height属性来设置高度。

d属性可以设置背景颜色或图像，使用伪元素可以在HTML元素的前面或后面添加内容。根据需要选择其中一种方法即可。