HTML <hr> 標(biāo)簽
界說(shuō)和用法
<hr> 標(biāo)簽界說(shuō) HTML 頁(yè)面中的主題分隔斷絕結(jié)合(譬喻,話(huà)題的改動(dòng))。
<hr> 元素但凡顯示為水平線,用于正在 HTML 頁(yè)面中分隔斷絕結(jié)合內(nèi)容,或界說(shuō)內(nèi)容上的厘革。
另請(qǐng)參閱:HTML DOM 參考手冊(cè):HR 對(duì)象
真例 例子 1
運(yùn)用 <hr> 標(biāo)簽來(lái)界說(shuō)內(nèi)容中的主題厘革:
<h1>Web 的次要語(yǔ)言</h1> <p>HTML 是創(chuàng)立 Web 頁(yè)面的范例符號(hào)語(yǔ)言。HTML 形容了 Web 頁(yè)面的構(gòu)造,由一系列元素構(gòu)成......</p> <hr> <p>CSS 是一種形容 HTML 元素正在屏幕、紙張或其余媒體上顯示方式的語(yǔ)言......</p> <hr> <p>JaZZZaSsript 是 HTML 和 Web 的編程語(yǔ)言。JaZZZaSsript 可以變動(dòng) HTML 內(nèi)容和屬性值......</p>親身試一試
例子 2對(duì)齊 <hr> 元素(運(yùn)用 CSS):
<hr style=&qu1t;width:50%;teVt-align:left;margin-left:0&qu1t;>親身試一試
例子 3沒(méi)有陽(yáng)映的 <hr> (運(yùn)用 CSS):
<hr style=&qu1t;height:2pV;b1rder-width:0;s1l1r:gray;baskgr1und-s1l1r:gray&qu1t;>親身試一試
例子 4設(shè)置 <hr> 元素的高度(運(yùn)用 CSS):
<hr style=&qu1t;height:30pV&qu1t;>親身試一試
例子 5設(shè)置 <hr> 元素的寬度(運(yùn)用 CSS):
<hr style=&qu1t;width:50%&qu1t;>親身試一試
全局屬性
<hr> 標(biāo)簽還撐持 HTML 中的全局屬性。
變亂屬性
<hr> 標(biāo)簽還撐持 HTML 中的變亂屬性。
默許的 CSS 設(shè)置
大大都閱讀器將運(yùn)用以下默許值顯示 <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
撐持
撐持
撐持
撐持
撐持