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中hr标签的用法就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到吧!
分享标题:html中hr标签的用法-创新互联
文章起源:http://hbruida.cn/article/ddidoh.html