css单元格距离

CSS单元格距离是指表格中单元格之间的距离。为了让表格看起来更整洁，我们需要设置单元格距离。下面是几种设置单元格距离的方法。

// 设置单元格边框间距
table {
  border-collapse: collapse; // 把表格的边框合并
  border-spacing: 10px; // 设置单元格边框间距
}

// 设置单元格内边距
td {
  padding: 10px; // 设置单元格内边距
}

// 设置单元格外边距
td {
  margin: 10px; // 设置单元格外边距
}

使用 border-collapse: collapse 可以把表格的边框合并，从而有效的减少单元格之间的距离。使用 border-spacing 属性可以设置单元格边框间距，从而达到调整单元格之间距离的目的。

同时，我们也可以通过设置单元格的内边距和外边距来达到调整单元格距离的目的。例子中的代码可以全局设置单元格的内边距和外边距，如果需要调整单独的单元格距离，可以设置该单元格的样式。