我是靠谱客的博主 单薄口红,这篇文章主要介绍关于分割线 hr 在各浏览器中的差异,现在分享给大家,希望可以做个参考。

在做页面是有时候会用到分割线 hr,但是在 ie6 和 ie7 下显示很蛋疼,本文将教你如何写出兼容各浏览器的 hr。
 
首页我们先了解下 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 */

最后

以上就是单薄口红最近收集整理的关于关于分割线 hr 在各浏览器中的差异的全部内容,更多相关关于分割线内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(146)

评论列表共有 0 条评论

立即
投稿
返回
顶部