[分享]css两个单元格的间距

CSS中可以使用borderspacing属性来设置两个单元格之间的间距。如果你的表格只有一个边框，可以使用bordercollapse属性来将边框合并成一个，再使用borderspacing来控制单...

CSS中可以使用border-spacing属性来设置两个单元格之间的间距。如果你的表格只有一个边框，可以使用border-collapse属性来将边框合并成一个，再使用border-spacing来控制单元格之间的间距。

table {
  border-collapse: collapse;
  border-spacing: 10px;
} 

上述代码表示将表格的边框合并，然后设置单元格之间的间距为10像素。

还可以根据需要分别控制垂直和水平方向上的间距。

table {
  border-collapse: collapse;
  border-spacing: 10px 20px;
} 

上述代码表示将表格的边框合并，然后设置水平方向上的间距为10像素，垂直方向上的间距为20像素。

需要注意的是，border-spacing属性只有在表格的border-collapse属性为separate时才生效。

table {
  border-collapse: separate;
  border-spacing: 10px;
} 

上述代码表示将表格的边框不合并，然后设置单元格之间的间距为10像素。