资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

html中hr标签的用法

这篇文章给大家分享的是有关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标签在网页中的用法:









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://cdkjz.cn/article/pjdpdd.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220