HTML代码<hr>表示

定义和用法

<hr>标签在 HTML 页面中创建一条水平线。

水平分隔线（horizontal rule）可以在视觉上将文档分隔成各个部分。

实例

被水平线分隔的标题和段落：

<h1>This is header 1</h1>

<hr />

<p>This is some text</p>

TIY

浏览器支持

所有主流浏览器都支持 <hr>标签。

HTML 与 XHTML 之间的差异

在 HTML 中，<hr>标签没有结束标签。

在 XHTML 中，<hr>必须被正确地关闭，比如 <hr />。

在 HTML 4.01 中，hr 元素的所有呈现属性均不被赞成使用。

在 XHTML 1.0 Strict DTD 中，hr 元素的所有呈现属性均不被支持。

更多请参考 http://www.w3school.com.cn/tags/tag_hr.asp

hr就是一个隔离的横线，你在记事本里这样输入

<hr>

<p>12345</p>

</hr>

或者这样

<hr>

</hr>

这个方法有好多！具体的在下面给你展示下：

第一种：

<hr style=" height:2pxborder:noneborder-top:2px dotted #185598" />

height:2px//是hr的高度

border:none // 是没有边框

border-top:2px dotted #185598 //是设置横线的样式

dotted 虚线 #185598 颜色

第二种：

<hr style="height:1pxborder:noneborder-top:1px dashed #0066CC" />

第三种：

<hr style="height:1pxborder:noneborder-top:1px solid #555555" />

第四种：

<hr style="height:3pxborder:noneborder-top:3px double red" />

第五种：

<hr style="height:5pxborder:noneborder-top:5px ridge green" />

第六种：

<hr style="height:10pxborder:noneborder-top:10px groove skyblue" />

border-top:10px groove skyblue groove 上颜色skyblue 下颜色

---