DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> 關於hr標記在各浏覽器中的問題說明
關於hr標記在各浏覽器中的問題說明
編輯:HTML和Xhtml     
一般我們很少見HR,但一見可能就定生死。HTML中也一樣,我們不常見<hr />,但一見通常就決定了能否擁用完美分割線。這裡,就不附圖了,直接列表供查閱吧:   正常浏覽器 IE6、7 Firefox 實際高度 height + border-right-width + border-left-width height height 背景色 background-color background+color(當高度<2px時,顯示高度為灰色投影,需要color來設置顏色,相同於文字) background-color

比如想創建一個實際高度為3px, 四邊為1px, 邊框顏色為#07f, 其他部分顏色為#f60的分割線,你懂的:

復制代碼代碼如下:
hr{
height:1px;
*height:3px; color:#f60;/* for ie6 ie7 */;
background-color:#f60;
border:1px solid #07f;
}
@-moz-document url-prefix(){ hr{height:3px;}} /* for firefox */

還有其他更省力的解決方法麼?

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved