看到网上好多人都是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:0;" />

注意此处必须加上height:0；