如何以跨浏览器兼容的方式消除表格单元格之间过多的空白？

table {
  border: 1px solid black;
}

table td {
  border: 1px solid black; /* For border visualization purposes */
}

table.no-spacing {
  border-spacing: 0; /* CSS property to remove cell spacing */
  border-collapse: collapse; /* Optional, prevents double borders at cell intersections */
}

<!-- Default table behavior -->
<p>Default table:</p>

<table>
  <tr>
    <td>First cell</td>
    <td>Second cell</td>
  </tr>
</table>

<!-- Cell spacing removed -->
<p>Removed spacing:</p>

<table class="no-spacing" cellspacing="0"> <!-- cellspacing 0 supports IE6 and IE7 -->
  <tr>
    <td>First cell</td>
    <td>Second cell</td>
  </tr>
</table>