Tag 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>JavaScript 是 HTML 和 Web 的编程语言。JavaScript 可以更改 HTML 内容和属性值......</p>

Prova tu stesso

例子 2

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

<hr style="larghezza:50%;allineamento:texto-sinistro;margin-left:0">

Prova tu stesso

例子 3

没有阴影的 <hr> （使用 CSS）：

<hr style="altezza:2px;larghezza:0px;color:grigio;background-color:grigio">

Prova tu stesso

Esempio 4

Impostazione <hr> L'altezza dell'elemento (utilizzando CSS):

<hr style="height:30px">

Prova tu stesso

Esempio 5

Impostazione <hr> L'ampiezza dell'elemento (utilizzando CSS):

<hr style="width:50%">

Prova tu stesso

Proprietà globali

<hr> Il tag supporta anche Proprietà globali in HTML.

Proprietà degli eventi

<hr> Il tag supporta anche Proprietà degli eventi in HTML.

Impostazioni CSS predefinite

La maggior parte dei browser mostrerà i seguenti valori predefiniti <hr> Elemento:

hr {
  display: block;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: auto;
  margin-right: auto;
  border-style: inset;
  border-width: 1px;
}

Prova tu stesso

Supporto dei browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supporto Supporto Supporto Supporto Supporto