本文摘自PHP中文网，作者青灯夜游，侵删。
在html中，可以使用css border属性来设置hr水平线的粗细、颜色等样式，只需要给hr标签添加“border: 宽度值 样式值 颜色值;”样式即可，例“hr{border: 5px solid red;}”。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
hr是html页面上的一条水平分隔线（horizontal rule），它可以在视觉上将文档分隔成各个部分。需要通过标签在 HTML 页面中创建。
默认的hr标签样式：
就是一条黑线，一点都不美观，更不用说用来美观页面了，这就需要用css来设置hr的样式了。
css设置hr的粗细（加粗）和颜色
1 |
|
效果图：
相关阅读 >>
深入探究css box-decoration-break属性
更多相关阅读请进入《Html》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
