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

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>