關於分割線 hr 在各瀏覽器的差異_HTML/Xhtml_網頁製作

在做頁面是有時候會用到分割線 hr，但是在 ie6 和 ie7 下顯示很蛋疼，本文將教你如何寫出兼容各瀏覽器的 hr。
 
首頁我們先了解下hr 在各瀏覽器下的差異，如下表格：

例如想建立一個實際高度為3px，邊框為1px，邊框顏色為#07f ，背景色為#f60 的分割線：

複製代碼

代碼如下:

hr{
height:1px;
background-color:#f60;
border:1px solid #000;
*height:3px;/* for ie6 ie7 */
color: #f60;/* for ie6 ie7 */
}
@-moz-document url-prefix(){ hr{height:3px;}} /* for firefox */