[摘要]这次给大家带来分割线hr在不同浏览器中有什么区别，使用分割线hr在不同浏览器的注意事项有哪些，下面就是实战案例，一起来看一下。首页我们先了解下 hr 在各浏览器下的差异，如下表格： 比如想创建一个实...
这次给大家带来分割线hr在不同浏览器中有什么区别，使用分割线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 */相信看了这些案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！
相关阅读：
html的元素如何设置焦点
html如何用超链接打开新窗口时控制其属性
css3中的渐进增强和优雅降级如何使用
以上就是分割线hr在不同浏览器中有什么区别的详细内容，更多请关注php中文网其它相关文章！
微信
分享
网站建设是一个广义的术语，涵盖了许多不同的技能和学科中所使用的生产和维护的网站。
关键词：分割线hr在不同浏览器中有啥区别