首页 > 代码库 > 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去掉阴影部分,跨浏览器全兼容