歡迎來到DIVCSS5查找CSS資料與學習DIV CSS布局技術!
您的位置:阿森纳热刺 > HTML >

一、html hr標簽語法

阿森纳热刺 www.tzxsac.com.cn 1、hr語法機關先容
<hr />是一個獨立標簽,沒有劈頭劈臉與完結的非一對標簽。hr是自閉合標簽——<hr />,與換行標簽<br />異樣是獨立一個自閉合標簽。

2、hr小示范
hr應用實例代碼:

<p>內容<hr />形式</p> 
<p>測試內容</p> 
<hr /> 
<p>測試模式</p> 

成效截圖:

html hr使用實例截圖
html hr運用實例截圖

3、hr使用注明
<hr>能夠直接在文本形式中運用,也可能在標簽與標簽之間運用。使用后將踴躍出現一條100%寬的水準線,形成瓜分上面與下面模式一條線。

二、hr設置CSS格式

<hr>標簽是大要直接設置CSS格局或運用class或id配置CSS花樣的。實現必要漂明的瓜分程度線。
概略經由css字體色彩(color)配置hr色采款式。
1、hr色采竄改實例代碼
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 實例 CSS5</title> 
<style> 
.expa{color:#F00} 
.expb{color:#00F} 
</style> 
</head> 

<body> 
<p>模式<hr class="expa" />內容</p> 
<p>測試形式</p> 
<hr class="expb" /> 
<p>測試模式</p> 
</body> 
</html> 

以上實例代碼可直接復制測試現實 主宰<hr>標簽。

2、html hr實例成果截圖

改變hr水平線顏色樣式實例效果截圖
篡改hr水平線顏色格式實例成就截圖

如需轉載,請注明文章出處和來源網址://www.tzxsac.com.cn/html/h53309.shtml

如對文章有任何疑問請提交到DIV CSS論壇,或有任何網頁制作CSS問題立即到CSS論壇發貼求解 或 直接DIVCSS5網頁頂部搜索遇到DIVCSS疑問。
阿森纳热刺文章修訂日期:2018-08-14 17:37 原創:阿森纳热刺
本文阿森纳热刺 www.tzxsac.com.cn DIVCSS5版權所有。