html中hr的各种样式使用

html中hr的各种样式使用,第1张

HTML的hr标签可以创建一条水平线。下面,我们来看看html中hr的各种样式使用吧。

01

创建一条水平线

先使用<hr/>标签来创建一条水平线,如下图所示:

02

hr的高度

使用style来设置hr水平线的样式,比如设置hr的高度, <hr style=" height:30px" />。如下图所示:

03

没有边框

使用border:none来设置hr没有边框,如下图所示:

04

dotted 虚线

使用dotted将水平线设置成虚线,如下图所示:

通过设置HR的属性来控制标签的水平线的长度跟颜色,width=" " 来控制为宽度,color=" " 来控制水平线的颜色。

<hr width="宽度" color="颜色">  宽度范围为1到100,颜色可以任意设置指定的RGB颜色代码。通过这种方式来设置HR标签的长度跟颜色。

<hr>标签在 HTML 页面中创建一条水平线。水平分隔线(horizontal rule)可以在视觉上将文档分隔成各个部分。

<hr />是网页编辑里的一个标签,其表现形式为一条横线。

扩展资料

<hr width="90%" size="1" color="red" />

说明:width=" " 引号里为宽度

size=" " 引号里为高度

color=" " 水平线的颜色

noshade="noshade"定义不投影

color=" "定义线条的颜色

align=" "设置对齐

在 HTML 4.01 中,不赞成使用 hr 元素的 size、width、noshade、 align属性;在 XHTML 1.0 Strict DTD 中,不支持 hr 元素的这些属性,请使用 CSS 代替。

示例可改为:<hr style="width:90%height:1color:red" />

参考资料来源:百度百科-HR


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/11208613.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-14
下一篇 2023-05-14

发表评论

登录后才能评论

评论列表(0条)

保存