HTML <hr> 標籤
示例
使用 <hr> 標籤來定義內容中的主題變化
<h1>Web 的主要語言</h1>
<p>HTML 是建立網頁的標準標記語言。HTML 描述了網頁的結構,由一系列元素組成。HTML 元素告訴瀏覽器如何顯示內容。</p>
<hr>
<p>CSS 是一種描述 HTML 元素如何在螢幕、紙張或其他媒體上顯示的語言。CSS 省去了大量工作,因為它可以一次性控制多個網頁的佈局。</p>
<hr>
<p>JavaScript 是 HTML 和 Web 的程式語言。JavaScript 可以改變 HTML 內容和屬性值。JavaScript 可以改變 CSS。JavaScript 可以隱藏和顯示 HTML 元素,等等。</p>
自己動手試一試 »
更多“自己嘗試”的例子見下文。
定義和用法
<hr>
標籤定義了 HTML 頁面中的主題分隔符(例如,話題的轉變)。
<hr>
元素最常顯示為一條水平線,用於分隔 HTML 頁面中的內容(或定義更改)。
瀏覽器支援
元素 | |||||
---|---|---|---|---|---|
<hr> | 是 | 是 | 是 | 是 | 是 |
全域性屬性
<hr>
標籤還支援 HTML 中的全域性屬性。
事件屬性
<hr>
標籤還支援 HTML 中的事件屬性。
更多示例
示例
一個無陰影的 <hr>(使用 CSS)
<hr style="height:2px;border-width:0;color:gray;background-color:gray">
自己動手試一試 »
相關頁面
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;
}
自己動手試一試 »