如何在表格单元格之间填充而不是在整个表格周围填充？

如何解决如何在表格单元格之间填充而不是在整个表格周围填充？

| 我想要一个在每个单元格之间都带有填充的表格，但不要在外部边缘单元格周围，也就是说，不在表格本身周围。 使用：

border-collapse : separate;
border-spacing  : 0.5em;

使我在使用时到处都填充：

border-collapse : collapse;

在任何地方都没有填充。 尝试另一种方法，我可以使用

td + td

选择器仅在单元格之间水平填充。但是我不能使用

tr + tr

选择器，因为

tr

会忽略边距，填充和边框规则。 而且，当然，在普通“ 5”选择器上的填充适用于所有单元，即使是外部单元的外边缘也是如此。 这仅适用于当前的浏览器-对我而言，没有IE 6或7非常感谢。而且我不会通过IE 8放松睡眠，但是如果可以的话会很好。     

解决方法

        这不是一个完美的解决方案，因为它使用填充而不是边框​​间距。可能它会解决您的问题。 HTML：

<table>
    <tr>
        <td>Data 1</td>
        <td>Data 2</td>
    </tr>
    <tr>
        <td>Data 3</td>
        <td>Data 4</td>
    </tr>
</table>

和CSS：

table {
    border: 1px red solid;
    border-collapse: separate;
}

td {
    background-color: green;
    border: 1px black solid;
    padding: 10px;
}

td:first-child {
    padding-left: 0px;
}

td:last-child {
    padding-right: 0px;
}

tr:first-child td {
    padding-top: 0px;
}

tr:last-child td {
    padding-bottom: 0px;
}

产生： 也在jsFiddle上。     ,        您是否可以摆弄标记，以将.first添加到一行的第一个单元格中，并将.last添加到最后一个单元格，并且我猜也添加到第一行和最后一行中，然后适当地填充？