css中实现td与td间距

CSS中实现td与td之间的距离可以使用padding或border来实现。

table {
  border-collapse: collapse;
}
td {
  padding: 10px;
}

上面的代码使用了padding来实现td与td之间的距离。通过给td添加padding可以给单元格周围添加空白区域。

table {
  border-collapse: separate;
  border-spacing: 10px;
}
td {
  border: 1px solid black;
}

如果想要使用border来实现td与td之间的距离，需要将table的border-collapse属性设置为separate，并且添加border-spacing属性来控制边框之间的距离。给td添加border属性可以显示边框。