在CSS中如何修改hr的颜色

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

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

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

hr {
  border: none;
  background-color: #ccc;
  height: 1px;
}
如果您觉得本文对您有用,欢迎捐赠或留言~
微信支付
支付宝

发表评论

您的电子邮箱地址不会被公开。