前端-CSS改变hr标签颜色

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

解决的办法

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

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

border: none;或者border: 0;是为防止出现一条黑框。
height: 1px;是为了防止在firefox下不显示。
background-color: #e5e5e5;是填写你需要改变的颜色。

总结

CSS改变hr标签颜色的方法就是上面提到的这些,这是我开发中的一点小心得,希望对前端开发的小伙伴们有帮助。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • CSS 1、介绍一下标准的CSS的盒子模型?低版本IE的盒子模型有什么不同的? (1)有两种,IE盒子模型、W3C...
    京程一灯阅读 1,757评论 3 26
  • 一、HTML和CSS 1. 你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? IE: trident内核...
    Virtual66阅读 718评论 0 0
  • 最全前端开发面试问题及答案整理 前端开发面试知识点大纲: HTML&CSS: 对Web标准的理解、浏览器内核差异、...
    杀个程序猿祭天阅读 1,704评论 0 1
  • 前端开发面试知识点大纲: HTML&CSS: 对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功:...
    秀才JaneBook阅读 2,570评论 0 25
  • 久违的晴天,家长会。 家长大会开好到教室时,离放学已经没多少时间了。班主任说已经安排了三个家长分享经验。 放学铃声...
    飘雪儿5阅读 7,579评论 16 22