html hr标签的属性有哪些？html hr标签的样式详解，本篇文章介绍了html中的hr标签的定义及其属性描述，还有关于html hr标签的样式使用的几种方法
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 title标签的作用是什么？关于html title标签的详细介绍
html select标签的用法你知道吗？html select标签属性介绍
以上就是html hr标签的属性有哪些？HTML hr标签的样式详解的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1546617.html
微信扫一扫 
支付宝扫一扫 
