为了账号安全,请及时绑定邮箱和手机立即绑定

增加border的宽度会多出一条线

#all{width:400px;overflow:hidden;font-size:14px;margin-top:5px;}

       #all ul{padding-left:10px;height:30px;}

       #all ul li{width:80px;border:1px solid #ccc;border-bottom:none;text-align:center;float:left;margin-right:10px;line-height:30px;cursor:pointer;}

       #all div{width:300px;height:150px;border:1px solid #000;line-height:28px;display:none;border-top:3px solid saddlebrown;padding:5px;}

       #all li.cur{border-top:3px solid saddlebrown;border-bottom:2px solid #fff}

       #all div.cur{display:block;}

http://img1.sycdn.imooc.com//58a2db200001513302770202.jpg

正在回答

2 回答

  #all div{width:300px;height:150px;border:1px solid #000;line-height:28px;display:none;border-top:3px solid saddlebrown;padding:5px;}

       #all li.cur{border-top:3px solid saddlebrown;border-bottom:2px solid #fff}

。。。。2px不能覆盖3px,修改方式(将就一下~):

1、去除ul的height,并用   overflow: hidden清除浮动(你下面的li都是float);
2、给ul偏移下位置 position: relative;  top: 3px;
3、#all li.cur 的border改为3px;

0 回复 有任何疑惑可以回复我~

#all div.cur继承了#all.div的border-top属性,与#all li.cur相比覆盖其的border-bottom白色属性

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

增加border的宽度会多出一条线

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信