本文摘自PHP中文网，作者寻∝梦，侵删。
html hr标签的属性有哪些？HTML hr标签的样式详解，本篇文章介绍了html中的hr标签的定义及其属性描述，还有关于html hr标签的样式使用的几种方法html中hr标签定义和用法：
<hr> 标签在 HTML 页面中创建一条水平线。
水平分隔线（horizontal rule）可以在视觉上将文档分隔成各个部分。
HTML <hr> 标签实例：
被水平线分隔的标题和段落：
1 2 3 |
|
html中hr标签可选的属性：
html中hr标签在网页中的用法：
1 2 3 4 5 6 7 8 |
|
html中hr标签的各种样式使用：
网页设计当中hr的各种样式，如果使用得当，将会给你的页面增色很多，下面就来详细介绍下各种样式和各种使用方式的方法！
我用的编辑器是eclipse，这个根据个人喜好来定，用什么都无所谓的，就算你直接用txt也照样能实现这里的效果，毕竟只是静态。
第一种：
1 |
|
height:2px;是hr的高度
border:none;是没有边框
border-top:2px dotted #185598;是设置横线的样式
dotted 虚线 #185598 颜色
第二种：
1 |
|
第三种：
1 |
|
第四种：
1 |
|
html中hr的各种样式使用
相关阅读 >>
更多相关阅读请进入《hr》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
