DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> 關於分割線 hr 在各浏覽器中的差異
關於分割線 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 */
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved