css怎么改变hr颜色?

在实际的前端开发中,我们会遇到需要修改hr标签的颜色的。单纯用background-color是没有办法改变的。

css怎么改变hr颜色?

css设置hr的background-color属性无法改变它的颜色,解决方法是将边框设为none即可。(相关课程推荐:css视频教程

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

上面的是解决办法,其中的border属性也可以填写0,效果是一样的。代码分析:

border: none;或者border: 0;是为防止出现一条黑框。

height: 1px;是为了防止在firefox下不显示。

background-color: #e5e5e5;是填写你需要改变的颜色。

效果:

本文来自css3答疑栏目,欢迎学习!

以上就是css怎么改变hr颜色?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读