HTML設置水平分割線

在Web中使用水平分割線能夠分割不一樣的文字段落或者其它網頁組件，輕鬆地修飾了段落排版，使之更美觀。固然，水平分割線還能夠更加明顯地突出某一段重要的文字，使之更加醒目。

使用<hr>標籤能夠輕鬆地設置一條水平線。方法以下：

---

HTML設置水平分割線

1. HTML設置一條水平分割線

<hr />

這是水平分割線的最基本應用。它是居中對齊的。

2. HTML設置水平分割線的寬度

<hr width="200" />

水平分割線的寬度爲像素（px）或者相對於屏幕寬度的百分比（%）。好比：

<hr width="200px" /> <!--單位爲像素。默認值是將px去掉，成爲上面的格式-->
<hr width="20%" />   <!--單位是相對於屏幕寬度的百分比-->

3. HTML設置水平分割線的粗細

<hr size="30" />

水平分割線的粗細單位仍然是像素（px）。

4. HTML去掉水平分割線的陰影

<hr noshade="noshade" />

通常狀況下，水平分割線是帶有陰影的，具體顯示爲一條突出的或者凹下去的線條。使用此屬性，能夠去掉分割線的陰影，使之成爲一條無陰影效果的實心線。

5. HTML設置水平分割線的對齊方式

<hr width="30%" align="left" />

水平分割線的對齊方式默認爲居中對齊。使用align屬性能夠改變它的對齊方式。而且只有當它的寬度設置小於屏幕的寬度時，纔會顯示出對齊方式的設置效果。

6. HTML設置水平分割線的顏色

<hr color="#FF0000" />

能夠給水平分割線設置不一樣的顏色。

7. HTML設置水平分割線的title屬性

<hr size="30" title="設置水平分割線的title屬性" />

當瀏覽者將鼠標懸停在分割線上時會出現屬性值設置的提示內容。

8. HTML水平分割線的綜合應用

<hr width="300" size="20" noshade="noshade" align="right" color="#0000FF" />

能夠分別設置<hr />的屬性：size、width、align、color和noshade等。屬性不用所有設置，而是根據須要選擇某些屬性進行設置，未設置的屬性瀏覽器會以默認的方式顯示。

• 默認方式：瀏覽器在遇到屬性不全的標籤時，對於未設置的屬性將根據瀏覽器內部定義好的樣式進行顯示。