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

相关阅读 >>

jquery获取浏览器类型和版本号的方法

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

doctype与浏览器渲染介绍

详解浏览器渲染流程

html5中浏览器是否能播放指定的音频/视频类型的方法canplaytype()

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

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

html几种特别分割线特效

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

css分割线怎么设置

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




打赏

取消

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

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

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

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

评论

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