Menu
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

HTML <hr> 标签


示例

使用 <hr> 标签定义内容中的主题变化

<h1>网络的主要语言</h1>

<p>HTML 是创建网页的标准标记语言。HTML 描述了网页的结构,并包含一系列元素。HTML 元素告诉浏览器如何显示内容。</p>

<hr>

<p>CSS 是一种描述如何显示 HTML 元素在屏幕、纸张或其他媒体上的语言。CSS 节省了大量工作,因为它可以一次控制多个网页的布局。</p>

<hr>

<p>JavaScript 是 HTML 和 Web 的编程语言。JavaScript 可以更改 HTML 内容和属性值。JavaScript 可以更改 CSS。JavaScript 可以隐藏和显示 HTML 元素等等。</p>
自己尝试 »

下面还有更多“自己尝试”示例。


定义和用法

The <hr> 标签定义 HTML 页面中的主题中断(例如,主题切换)。

The <hr> 元素通常显示为水平规则,用于分隔 HTML 页面中的内容(或定义更改)。


浏览器支持

元素
<hr>

全局属性

The <hr> 标签还支持 HTML 中的全局属性.


事件属性

The <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 参考:HR 对象


默认 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;
}
自己尝试 »


×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
[email protected]

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
[email protected]

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2024 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.