增加border的寬度會(huì)多出一條線
#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;}
2017-02-15
? #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清除浮動(dòng)（你下面的li都是float）；
2、給ul偏移下位置 position:?relative;? top:?3px;
3、#all li.cur 的border改為3px；
2017-02-15
#all div.cur繼承了#all.div的border-top屬性，與#all li.cur相比覆蓋其的border-bottom白色屬性