CSS去掉div的边框可以去掉css的border属性，或者覆盖border属性为none来实现。
1、如图，这是一个带边框的div测是页面。
2、第一个div的边框是这行css实现的效果
border:5pxsolidblack
3、第二个div没有设置边框样式
4、第三个div的css设置了边框样式，但被内联样式覆盖为none，因此也能不显示边框。
代码如下
<divclass="box1"></div>
<divclass="box2"></div>
<divclass="box3"style="border:none"></div>
div{
width:200px
height:120px
margin-bottom:10px
background-color:yellow
}
.box1,.box3{
border:5pxsolidblack
}
首先先说一下你的左边框为啥在样式中没去掉的问题，然后我再教你一个方法。
#topmenu li.frist{border:none}，你在第一个中加了ID，可你这个样式定的是class的，你应该改成：#topmenu li#frist{border:none}
然后再给你第二种方法。
#topmenu{overflow:hidden zoom:1}#topmenu li{float:left padding:20px 10px 0 border-left:1px #ddd solid margin-left:-1px}
分要给我哦 包你解决 不解决你找我首先回答 为什么你加了.first 这个类 边框还是存在？
是因为#topMenu li{float:leftborder-left:2px solid #dddpadding:20px 10px 0 } 这个样式的优先级比你自己写的.first样式的优先级要高的多，所以只能通过提高优先级的方法解决，可以加！important；如楼上的写法来提高优先级，但是不建议，除非万不得已。
另一种方法就是提高.first的优先级，可以这样写样式#topmenu .first{border:none} 这样就OK了，建议你去看看css的优先级机制
