html hr的颜色,宽度长度,虚线样式等属性设置方法详解

作者:IT技术 | 时间:2018-11-21

html  hr很轻松能够定义一条水平线,但是hr的颜色,hr宽度,hr长度,hr虚线样式等属性该怎么设置呢?下面就为大家详细讲解下。

html hr  定义水平线

<hr> 标签可以在 HTML网页中创建一条水平线。可以把网页中的内容分隔成几个部分。

html hr颜色

<hr style="height:3px;border:none;border-top:3px double red;" />

border-top属性里面的red  就是用来为hr定义颜色

html hr长度宽度

HTML <hr> 标签的 width 属性用来定义宽度长度

宽度为 50% 的水平线:

<hr width="50%" />

html hr虚线样式

<hr style="height:1px;border:none;border-top:1px dashed #0066CC;" />

border-top属性里面的 dashed样式用来定义虚线

效果如下:

html  hr的颜色,宽度长度,虚线样式等属性设置方法详解