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
}
你需要控制一下，thead th:first-child{border-left:none}
thead th:last-child{border-right:none}
tbody td:first-child{border-left:none}
tbody td:last-child{border-right:none}
1、我们首先展示最原始的代码和效果。默认情况下，表中直接用td划分的表将隐藏边框。
2、接下来，我们使用css添加样式并为表添加边框。表{边框：1px solid＃804040}修改后的效果是整个表格具有外边框，并且表格中没有边框。
3、然后我们使用css为td添加边框。表td {边框：1px solid＃804040}修改后的效果是每个td都添加了边框，显示效果是表格显示单个边框。
4、接下来，td显示左上角，表格显示右下角，实现边框表效果。表{Border-right：1px solid＃804040边框底部：1px实心＃804040}
表td {边框左：1px solid＃804040Border-top：1px solid＃804040}修改后的效果与预期的一样，但由于内部单元之间的间距，内部边界不连续。
5、最后，我们在表中添加了css代码：border-collapse：collapse用来消除单元格间距。这是：表{Border-right：1px solid＃804040边框底部：1px实心＃804040边境崩溃：崩溃}
表td {边框左：1px solid＃804040Border-top：1px solid＃804040}修改后，消除了单元间距，完美地实现了效果。
