码农教程 - 一技在手,衣食无忧! tools

HTML <hr> 标签

❮上一节 完整的 HTML参考 下一节❯

示例

使用 <hr> 标签定义内容中的主题更改：

<h1>The Main Languages of the Web</h1>

<p>HTML is the standard markup language for creating Web pages. HTML describes the structure of a Web page, and consists of a series of elements. HTML elements tell the browser how to display the content.</p>

<hr>

<p>CSS is a language that describes how HTML elements are to be displayed on screen, paper, or in other media. CSS saves a lot of work, because it can control the layout of multiple web pages all at once.</p>

<hr>

<p>JavaScript is the programming language of HTML and the Web. JavaScript can change HTML content and attribute values. JavaScript can change CSS. JavaScript can hide and show HTML elements, and more.</p>
亲自试一试 »

下面有更多 "亲自试一试" 示例。

定义和用法

这个<hr>标签定义 HTML 页面中的主题中断（例如主题的转移）。

这个<hr>元素通常显示为水平线，用于分隔 HTML 页面中的内容（或定义更改）。

浏览器支持

Element
<hr> Yes Yes Yes Yes Yes

全局属性

这个<hr>标签还支持HTML 中的全局属性。

事件属性

这个<hr>标签还支持HTML 中的事件属性。

更多示例

示例

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

<hr style="width:50%;text-align:left;margin-left:0">
亲自试一试 »

示例

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

<hr style="height:2px;border-width:0;color:gray;background-color:gray">
亲自试一试 »

示例

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

<hr style="height:30px">
亲自试一试 »

示例

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

<hr style="width:50%">
亲自试一试 »

相关页面

HTML DOM 参考：人力资源对象

默认 CSS 设置

大多数浏览器都会显示<hr>具有以下默认值的元素：

示例

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


❮上一节 完整的 HTML参考 下一节❯