首页 > 代码库 > 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去掉阴影部分,跨浏览器全兼容
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。