溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
html水平分割線如何設置？這個問題可能是我們日常學習或工作經常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家帶來的參考內容，讓我們一起來看看吧！
在html中有一個<hr>標簽，<hr>標簽可以非常輕松地久設置一條水平線。
我們先來簡單看一下<hr>標簽的定義
<hr> 標簽在 HTML 頁面中創建一條水平線；水平分隔線（horizontal rule）可以在視覺上將文檔分隔成各個部分。
在 HTML 中，<hr>標簽是一個單標簽，沒有結束標簽。
接著我們就來詳細講解一下html中的<br>標簽如何設置水平分割線
<hr>標簽設置水平線的特點是100%寬度水平分割線，并且獨占一行，<hr>標簽設置的水平線將與上下內容有一定距離。
<hr>是塊級元素，所以<hr>獨占于一行并且可以設置寬高。
下面我們就來看看<hr>標簽設置水平分割線的實例代碼
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<p >
桃之夭夭，灼灼其華。之子于歸，宜其室家。
<hr width="300" align="left">
桃之夭夭，有蕡其實。之子于歸，宜其家室。
<hr width="300" align="left">
桃之夭夭，其葉蓁蓁。之子于歸，宜其家人。
<hr width="300" align="left">
</p>
</body>
</html><hr>標簽設置水平分割線效果如下：
說明：<hr>標簽和<br>標簽一樣也會強制執行一個簡單的換行，段落對齊會重新回到左對齊。
感謝各位的閱讀！看完上述內容，你們對html水平分割線如何設置大概了解了嗎？希望文章內容對大家有所幫助。如果想了解更多相關文章內容，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
