关于分割线 hr 在各浏览器中的差异
关于分割线 hr 在各浏览器中的差异
发布时间:2017-01-07 来源:查字典编辑
摘要:在做页面是有时候会用到分割线hr,但是在ie6和ie7下显示很蛋疼,本文将教你如何写出兼容各浏览器的hr。首页我们先了解下hr在各浏览器下的...

在做页面是有时候会用到分割线 hr,但是在 ie6 和 ie7 下显示很蛋疼,本文将教你如何写出兼容各浏览器的 hr。

1

首页我们先了解下 hr 在各浏览器下的差异,如下表格:

比如想创建一个实际高度为 3px,边框为 1px,边框颜色为 #07f,背景色为 #f60 的分割线:

hr{

height:1px;

background-color:#f60;

border:1px solid #000;

*height:3px;/* for ie6 ie7 */

color:#f60;/* for ie6 ie7 */

}

@-moz-document url-prefix(){ hr{height:3px;}} /* for firefox */

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新XHTML学习
热门XHTML学习
网页设计子分类