自定义设置hr的颜色
2017-05-14 16:02
260 查看
最近在写项目的时候遇到一个地方需要将hr的颜色设置为红色，
hr默认是一条灰色的一个像素的;
首先想到的是color属性，但是设置了并没有用，因为color一般都是针对字体颜色的，线条需要用background-color；但是当我设置了background-color : red时，线条仍然是灰色的，所以我们需要给线条一个高度，也就是1px；此时hr是这样的：
设置完后，在浏览器中可以看到原来的灰色还是存在的；
原来，hr是有默认的border的，我们需要将它的边框去掉，设为border:none；
这样就OK啦！
hr默认是一条灰色的一个像素的;
首先想到的是color属性，但是设置了并没有用，因为color一般都是针对字体颜色的，线条需要用background-color；但是当我设置了background-color : red时，线条仍然是灰色的，所以我们需要给线条一个高度，也就是1px；此时hr是这样的：
设置完后，在浏览器中可以看到原来的灰色还是存在的；
原来，hr是有默认的border的，我们需要将它的边框去掉，设为border:none；
这样就OK啦！
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 图形的绘制，如何使用自定义画笔（颜色，线宽，线形）。如何为程序中添加选项菜单和选项设置对话框，如何使用标准颜色对话框，如何使用字体对话框，在选项对话框中实现预览功能。实现选项对话框和窗口类中的数据交换。如何改变对话框和控件的背景色，如何改变控件的文本颜色，
- Android之自定义背景Button按钮、自定义形状Button的全攻略、设置字体颜色
- adobe reader页面背景色设置 编辑--首选项--辅助工具--文档颜色--自定义颜
- 如何自定义设置系统中Tabbar上的文字和图标的颜色
- 【android】TextView 自定义颜色设置
- 设置UINavigationController的navigationBar标题，实现自定义字体、大小、颜色。
- 设置UINavigationController的navigationBar标题，实现自定义字体、大小、颜色。
- 自定义UISearchBar 适配IOS6和IOS7 修改放大镜图标 修改光标颜色 修改边框颜色 placeholder颜色 设置文本框背景
- 关于html中hr的颜色设置
- 自定义Label,设置关键字的颜色
- WebStorm 自定义字体+颜色+语法高亮+导入导出用户设置
- cocoa自定义设置button字体颜色方法
- 自定义背景颜色的设置
- 记录：自定义设置颜色静态控件的实现
- 设置UITableView Section的背景颜色和字体颜色-自定义Section
- NPOI 自定义设置单元格背景颜色[RGB格式]
- jquery mobile 设置背景图片铺满整个屏幕以及自定义背景图文字颜色问题
- swift用RBG颜色设置自定义颜色
- WebStorm 自定义字体+颜色+语法高亮+导入导出用户设置