html中hr的各种样式使用

html-css017

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 指定水平线以纯色而不是以阴影进行显示

<hr> 标签定义 HTML 页面中的主题变化(比如话题的转移),并显示为一条水平线。

<hr> 元素被用来分隔 HTML 页面中的内容(或者定义一个变化)。

在 HTML5 中,<hr> 定义内容中的主题变化,并显示为一条水平线。

在 HTML 4.01 中,<hr> 标签仅仅显示为一条水平线。

在 HTML 4.01 中,所有的布局属性都 已废弃。在 HTML5 中不再支持这些属性。请使用 CSS 来为 <hr> 元素定义样式

简单的说就是一条分割线,或者称为水平线。