这篇文章给大家分享的是有关html中hr标签的用法的内容。小编觉得挺实用的，因此分享给大家做个参考。一起跟随小编过来看看吧。

旌德ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景，ssl证书未来市场广阔！成为创新互联建站的ssl证书销售渠道，可以享受市场价格4-6折优惠！如果有意向欢迎电话联系或者加微信：18980820575（备注：SSL证书合作）期待与您的合作！

html中hr标签定义和用法：

---

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

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

HTML

---

标签实例：

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

This is header 1

This is some text

html中hr标签可选的属性：

html中hr标签在网页中的用法：

html中hr标签的各种样式使用：

网页设计当中hr的各种样式，如果使用得当，将会给你的页面增色很多，下面就来详细介绍下各种样式和各种使用方式的方法！

我用的编辑器是eclipse，这个根据个人喜好来定，用什么都无所谓的，就算你直接用txt也照样能实现这里的效果，毕竟只是静态。

第一种：

height:2px;是hr的高度

border:none;是没有边框

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

dotted  虚线  #185598  颜色

第二种：

第三种：

第四种：

html中hr的各种样式使用

第五种：

第六种：

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

渐变颜色的分隔线：

中心透明的分隔线：

中心不透明的分隔线：

波浪线：

三色线：

虚线：

竖线：

HTML 与 XHTML 之间的差异

在 HTML 中，

---

标签没有结束标签。

在 XHTML 中，

---

必须被正确地关闭，比如

---

。

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

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

感谢各位的阅读！关于html中hr标签的用法就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到吧！

本文题目：html中hr标签的用法
文章转载：http://hbruida.cn/article/pjdpdd.html