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>