通过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边线,再重新定义下边线;

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

关键词: css html教程

网友留言(0条)

发表评论