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


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

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


<hr /> 美化後的效果：

arrow
arrow
    全站熱搜

    呆丸北拜 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄