善用hr標籤

文章或版面設計中，可能常會有需要區隔A與B的水平線，我們可以使用border來在CSS裡設定，
或許你可能為求更美觀可能會使用圖片來插進頁面裡，但是，如果考慮到更精準的善用htm標籤，會發現htm內設標籤裡有一個名稱為「hr」的標籤。

hr為橫向水平線，作用即為分隔。
但是預設的hr總是不能滿足設計師，要如何讓它更精緻一點呢?

hr{ height:1px; border:none; border-bottom:#CCC 1px dashed;}

高度設定為1px;border的設定必須先將hr的border的預設值清空，再加上我們想要呈現的值。