html的<hr>標(biāo)簽怎么用

發(fā)布時間：2022-03-15 16:08:30 來源：億速云閱讀：330 作者：iii 欄目：web開發(fā)

這篇文章主要講解了“html的<hr>標(biāo)簽怎么用”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“html的<hr>標(biāo)簽怎么用”吧！

一、html hr標(biāo)簽語法

1、hr語法機(jī)關(guān)先容
<hr />是一個獨(dú)立標(biāo)簽，沒有劈頭劈臉與完結(jié)的非一對標(biāo)簽。hr是自閉合標(biāo)簽——<hr />，與換行標(biāo)簽<br />異樣是獨(dú)立一個自閉合標(biāo)簽。

2、hr小示范
hr應(yīng)用實(shí)例代碼：

<p>內(nèi)容<hr />形式</p> 
<p>測試內(nèi)容</p> 
<hr /> 
<p>測試模式</p>

成效截圖：

html的<hr>標(biāo)簽怎么用

3、hr使用注明
<hr>能夠直接在文本形式中運(yùn)用，也可能在標(biāo)簽與標(biāo)簽之間運(yùn)用。使用后將踴躍出現(xiàn)一條100%寬的水準(zhǔn)線，形成瓜分上面與下面模式一條線。

二、hr設(shè)置CSS格式

<hr>標(biāo)簽是大要直接設(shè)置CSS格局或運(yùn)用class或id配置CSS花樣的。實(shí)現(xiàn)必要漂明的瓜分程度線。
概略經(jīng)由css字體色彩（color）配置hr色采款式。
1、hr色采竄改實(shí)例代碼
1）、CSS代碼：

.expa{color:#F00} 
.expb{color:#00F}

3）、HTML模式：

<p>形式<hr class="expa" />模式</p> 
<p>測試形式</p> 
<hr class="expb" /> 
<p>測試模式</p>

3）、完整CSS+HTML代碼：

<!DOCTYPE html> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>hr 實(shí)例 CSS5</title> 
<style> 
.expa{color:#F00} 
.expb{color:#00F} 
</style> 
</head> 

<body> 
<p>模式<hr class="expa" />內(nèi)容</p> 
<p>測試形式</p> 
<hr class="expb" /> 
<p>測試模式</p> 
</body> 
</html>

以上實(shí)例代碼可直接復(fù)制測試現(xiàn)實(shí) 主宰<hr>標(biāo)簽。

2、html hr實(shí)例成果截圖

html的<hr>標(biāo)簽怎么用

感謝各位的閱讀，以上就是“html的<hr>標(biāo)簽怎么用”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對html的<hr>標(biāo)簽怎么用這一問題有了更深刻的體會，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云，小編將為大家推送更多相關(guān)知識點(diǎn)的文章，歡迎關(guān)注！

向AI問一下細(xì)節(jié)

html的<hr>標(biāo)簽怎么用

一、html hr標(biāo)簽語法

二、hr設(shè)置CSS格式

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽

一、html hr標(biāo)簽語法

二、hr設(shè)置CSS格式