css设置表格边框没有间隙

css设置表格边框没有间隙

在使用table表格制作列表数据时，默认情况下table表格的边框会出现间隙，那如何让表格边框之间没有间隙呢？如图

打开一个html代码页面，创建一个带边框的表格。如图

保存html文件后使用浏览器打开，这时候可以看到表格边框之间存在间隙。如图

回到html代码页面，对表格标签添加border-collapse: collapse样式，用于去掉表格之间的间隙。如图

保存html代码后刷新浏览器，这是可以看到之前的表格间隙已经被去掉了。如图