在CSS中如何修改hr的颜色

当你给hr标签设置background-color或者是color时，会发现根本不生效，那么，我们如何给hr点颜色看看？

其实hr是由border-color控制，你可以改变一下hr的border-color就可以看到效果。

但是，有时候，这并不能完全满足我们的效果。上面如果直接给hr添加边框颜色，你会发现线条变得更粗了。所以，可以变通一下，隐藏原有的hr样式，通过 css 去重新实现它的样式，可以按如下方式。

hr {
  border: none;
  background-color: #ccc;
  height: 1px;
}