溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要講解了“html的<hr>標簽怎么用”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“html的<hr>標簽怎么用”吧！
1、hr語法機關先容
<hr />是一個獨立標簽，沒有劈頭劈臉與完結的非一對標簽。hr是自閉合標簽——<hr />，與換行標簽<br />異樣是獨立一個自閉合標簽。
2、hr小示范
hr應用實例代碼：
<p>內容<hr />形式</p> <p>測試內容</p> <hr /> <p>測試模式</p>
成效截圖：
3、hr使用注明
<hr>能夠直接在文本形式中運用，也可能在標簽與標簽之間運用。使用后將踴躍出現一條100%寬的水準線，形成瓜分上面與下面模式一條線。
<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實例成果截圖
感謝各位的閱讀，以上就是“html的<hr>標簽怎么用”的內容了，經過本文的學習后，相信大家對html的<hr>標簽怎么用這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
