码迷,mamicode.com
首页 > 其他好文 > 详细

hr去掉阴影部分,跨浏览器全兼容

时间:2014-10-24 07:01:05      阅读:175      评论:0      收藏:0      [点我收藏+]

标签:hr样式   hr去掉阴影兼容写法   

看到网上好多人都是copy别人的答案,就连叙述都一个样的,网上叙述如下:


html中水平衡线hr默认高度是两个像素,其中border-top高1px,且颜色为黑,border-bottom高1px颜色为灰,这时看着是阴影效果,去掉阴影效果很简单,只需在css里把border-bottom或border-top属性设置一个为none即可。 


仅此而已,但是仅仅设置border-top或者border-bottom中的一项还不足以全兼容,正确的方法是(以点线为例):

<hr style="border:none; border-top:1px dotted #000; height:1px;" />,注意必须加上height:1px;

hr去掉阴影部分,跨浏览器全兼容

标签:hr样式   hr去掉阴影兼容写法   

原文地址:http://jiyanle.blog.51cto.com/6932197/1567394

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!