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

相关阅读 >>

通过手机浏览器打开app或者跳转到下载页面的实现

html2 canvas实现浏览器截图

doctype与浏览器渲染介绍

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

关于老版本的浏览器不兼容h5和c3的处理方法

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

向html中插入视频并兼容所有浏览器的方法

css分割线怎么设置

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

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

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




打赏

取消

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

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

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

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

评论

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