在web开发中,默认情况下表格的单元格之间会有一定的间隙,效果如下:

如果想去除单元格之间的间隙,代码如下:

<table cellspacing="0">
<tbody>
<tr class="head">
<td>cell-1</td>
<td>cell-2</td>
</tr>
<tr class="bottom">
<td>cell-3</td>
<td>cell-4</td>
</tr>
</tbody>
</table>

得到效果如下:

在CSS中,如果要设置表格的单元格之间没有间隙,代码如下:

table {
     border-collapse: collapse;
}