使用 CSS 美化 <hr> 水平線

<hr /> 預設是這個樣子：

---

通過 CSS：取消 <hr> 預設留有的 border，再指定 height 為 1 像素，並弱化 <hr> 的背景顏色。背景顏色這邊 IE6 不認 background-color，但可以使用 color 達到同樣效果。這樣所有瀏覽器的相容性就都不會有問題。

hr {
 border:0; height:1px; background-color:#d4d4d4;
 color:#d4d4d4 /* IE6 */
}

<hr /> 美化後的效果：

---