首頁  >  文章  >  web前端  >  關於hr標記在各瀏覽器中的問題說明_HTML/Xhtml_網頁製作

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

WBOY
WBOY原創
2016-05-16 16:41:161329瀏覽

一般我們很少見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 */

還有其他更省力的解決方法麼?
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn