首页 > 编程 > HTML > 正文

html hr标签的属性有哪些?HTML hr标签的样式详解

2020-03-24 17:47:12
字体:
来源:转载
供稿:网友
html hr标签的属性有哪些?HTML hr标签的样式详解,本篇文章介绍了html中的hr标签的定义及其属性描述,还有关于html hr标签的样式使用的几种方法

html中hr标签定义和用法:

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

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

HTML hr 标签实例:

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

 h1 This is header 1 /h1  hr /  p This is some text /p 

html中hr标签可选的属性:

tuyi.png

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

 hr align= center  hr align= left  hr align= right  hr noshade= true  hr noshade= false  hr size= 5  hr width= 500px  hr align= left noshade= false size= 4 width= 500px color= #ff0000 

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

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

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

第一种:

 hr >

height:2px;是hr的高度

border:none;是没有边框

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

dotted 虚线 #185598 颜色

第二种:

 hr >

第三种:

 hr >

第四种:

 hr >

html中hr的各种样式使用

第五种:

 hr >

第六种:

 hr >

渐变颜色的分隔线:

 hr >

中心透明的分隔线:

 hr >

中心不透明的分隔线:

 hr >

波浪线:

 hr >

三色线:

 hr >

虚线:

 hr >

竖线:

 hr >

HTML 与 XHTML 之间的差异

在 HTML 中, hr 标签没有结束标签。

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

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

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

【相关推荐】

html title标签的作用是什么?关于html title标签的详细介绍

html select标签的用法你知道吗?html select标签属性介绍

以上就是html hr标签的属性有哪些?HTML hr标签的样式详解的详细内容,html教程

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表