通过css修改水平横线<hr/>标签样式去掉hr标签阴影效果

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

hr {border:none; border-bottom:1px solid #ddd;}

或者

hr {border-top:none; border-left:none; border-right:none; border-bottom:1px solid #ddd;}

第一种是去掉border边线，再重新定义下边线；

第二种是去掉上、右、左边线，再定义下边线；