如何使用 CSS 从表格中删除单元格间距？

在 HTML 中创建表格时，单元格默认会有一定的间距。在某些情况下，我们可能需要将这些间距删除，让单元格之间更加紧密地排列。这时候就需要使用 CSS 来实现。

方法一：使用单元格的 padding 和 border 样式

我们可以将单元格的 padding 和 border 样式设置为 0，这样就能够删除单元格之间的间距了。

示例代码：

table {
  border-collapse: collapse;
}

td {
  padding: 0;
  border: none;
}

这里我们使用了 border-collapse: collapse; 来让单元格的边框合并成一个，消除之前因为每个单元格都有边框导致的间距。

方法二：使用表格的 border-spacing 样式

如果你并不需要设置单元格的边框样式，也可以使用表格的 border-spacing 样式来删除单元格间距。

示例代码：

table {
  border-collapse: separate;
  border-spacing: 0;
}

这里我们设置了 border-collapse: separate; 来保证表格边框还是能够显示出来，然后将 border-spacing 设置为 0，这样单元格之间的间距就被删除了。

以上就是使用 CSS 删除表格中单元格间距的方法。如果你有其他的实现方式，欢迎在评论区留言分享。