将上面的例子中的通过内边距控制改为外边距控制

如果你想要通过外边距来控制表格单元格之间的间距，而不影响单元格内容的位置，你可以使用`margin`属性。

以下是一个示例代码，展示如何使用`margin`来设置表格单元格之间的间距：

<style>
table {
  border-collapse: collapse;
}

td:not(:first-child) {
  margin: 10px;
}
</style>

<table>
  <tr>
    <td>单元格1</td>
    <td>单元格2</td>
  </tr>
  <tr>
    <td>单元格3</td>
    <td>单元格4</td>
  </tr>
</table>

在上面的例子中，我们使用了`border-collapse: collapse;`来确保表格边框合并。然后，使用了`:not(:first-child)`选择器来选择除了第一个单元格以外的所有单元格，并给它们设置了`margin: 10px;`，即外边距为10像素。

这样设置之后，单元格之间的间距将通过外边距来控制，而不会影响单元格内容的位置。你可以根据需要调整`margin`的数值来改变单元格之间的间距。