css中水平线的颜色怎么改变

CSS中的水平线通常用于分隔不同段落或者列出项目清单。默认情况下，水平线的颜色通常为浅灰色。但是，我们可以通过修改CSS来改变水平线的颜色。

hr {
  color: #0077FF; /*改变水平线的颜色*/
  border-style: solid; /*设置水平线的样式*/
  border-width: 1px 0 0; /*设置水平线的宽度*/
} 

在上面的代码中，我们使用color属性来改变水平线的颜色，颜色值为#0077FF。此外，我们还设置了水平线的样式为实线（solid），并将水平线的上边框宽度设为1像素、右边框和下边框的宽度均为0像素，这样就只会在上方绘制一条水平线了。

如果你希望改变水平线的样式，可以尝试修改border-style属性。常见的样式包括实线、点线（dotted）、虚线（dashed）和双实线（double）。

修改水平线的颜色可以让页面看起来更加协调和精美。但是，请注意不要过度使用水平线，否则页面可能会变得杂乱无章。