关于hr标签兼容个浏览器的代码

时间:2024-08-30 12:06:20

hr标签,相信大家都能熟悉,我们一般用它来产生横线的效果。我们可以对它定义“颜色”、“高度”、“宽度”、“边框”等样式。

  在此只讨论“颜色”和“边框”对于不同版本浏览器的兼容性。

颜色:

  火狐、IE7+=  :通过background-color来指定。

  IE6-=  :通过color指定。

  方案:要为hr指定颜色,同时使用background-color和color。

边框:

  IE7+=  :如不指定border:none,那么浏览器默认会为hr加上一定宽度的边框。

  IE6-=  :浏览器默认不会为其加上边框。

  方案:显示申明border:none。

<style type="text/css">
hr{
border:none;
background-color:#060;
color:#060;

height:2px;
width:80%;
}
</style>