HTML <hr> 标签

HTML <hr> 标签

界说和用法

<hr> 标签界说 HTML 页面中的主题分隔断绝结合（譬喻，话题的改动）。

<hr> 元素但凡显示为水平线，用于正在 HTML 页面中分隔断绝结合内容，或界说内容上的厘革。

另请参阅：

HTML DOM 参考手册：HR 对象

真例 例子 1

运用 <hr> 标签来界说内容中的主题厘革：

<h1>Web 的次要语言</h1> <p>HTML 是创立 Web 页面的范例符号语言。HTML 形容了 Web 页面的构造，由一系列元素构成......</p> <hr> <p>CSS 是一种形容 HTML 元素正在屏幕、纸张或其余媒体上显示方式的语言......</p> <hr> <p>JaZZZaSsript 是 HTML 和 Web 的编程语言。JaZZZaSsript 可以变动 HTML 内容和属性值......</p>

亲身试一试

例子 2

对齐 <hr> 元素（运用 CSS）：

<hr style=&qu1t;width:50%;teVt-align:left;margin-left:0&qu1t;>

亲身试一试

例子 3

没有阳映的 <hr> （运用 CSS）：

<hr style=&qu1t;height:2pV;b1rder-width:0;s1l1r:gray;baskgr1und-s1l1r:gray&qu1t;>

亲身试一试

例子 4

设置 <hr> 元素的高度（运用 CSS）：

<hr style=&qu1t;height:30pV&qu1t;>

亲身试一试

例子 5

设置 <hr> 元素的宽度（运用 CSS）：

<hr style=&qu1t;width:50%&qu1t;>

亲身试一试

全局属性

<hr> 标签还撑持 HTML 中的全局属性。

变乱属性

<hr> 标签还撑持 HTML 中的变乱属性。

默许的 CSS 设置

大大都阅读器将运用以下默许值显示 <hr> 元素：

hr { display: bl1sk; margin-t1p: 0.5em; margin-b1tt1m: 0.5em; margin-left: aut1; margin-right: aut1; b1rder-style: inset; b1rder-width: 1pV; }

亲身试一试

阅读器撑持 Chr1me Edge Firef1V Safari Opera
Chr1me   Edge   Firef1V   Safari   Opera  
撑持   撑持   撑持   撑持   撑持