關於hr標記在各瀏覽器中的問題說明_HTML/Xhtml_網頁製作

一般我們很少見HR，但一見可能就定生死。 HTML中也一樣，我們不常見

---

，但一見通常就決定了能否擁用完美分割線。這裡，就不附圖了，直接列表供查閱吧：

	正常浏览器	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 */

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