html中hr的各种样式使用

html-css013

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>(水平线)标签用于在页面上绘制水平线。此标签只有开始标签,没有结束标签,可使用属性控制水平线的显示。如:

<HR>标签属性

属性 说明

ALIGN 指定流水线的位置,可以将水平线居中对齐、右对齐或左对齐。如:align=center

WIDTH 指定水平线的长度。可以按像素或百分比为单位指定其长度。默认值为100%,

即横穿整个文档

SIZE 指定水平线的宽度,以像素为单位

NOSHADE 指定水平线以纯色而不是以阴影进行显示