分割线hr在不同浏览器中有什么区别


本文摘自PHP中文网,作者php中世界最好的语言,侵删。

这次给大家带来分割线hr在不同浏览器中有什么区别,使用分割线hr在不同浏览器的注意事项有哪些,下面就是实战案例,一起来看一下。

首页我们先了解下 hr 在各浏览器下的差异,如下表格:
比如想创建一个实际高度为 3px,边框为 1px,边框颜色为 #07f,背景色为 #f60 的分割线:

1

2

3

4

5

6

7

8

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在不同浏览器中有什么区别的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

怎样用meta标签代码让360浏览器默认使用极速模式打开网页

ie浏览器的html hack标签有哪些使用方法

Firefox中css如何把图片变成灰色

html文件的中文乱码问题与在浏览器中的显示问题

谷歌浏览器不支持css设置小于12px的文字怎么办?

html里需要兼容验证的浏览器有哪些

h5新标签浏览器的兼容问题

html5 video 实现浏览器兼容的方法

分割线hr在不同浏览器中有什么区别

详解浏览器渲染流程

更多相关阅读请进入《Firefox》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...