列之间的表格边框

Question

说我有一个这样的简单表：

<table>
<tr>
    <td>
        cell
    </td>
    <td>
        cell
    </td>
</tr>
<tr>
    <td>
        cell
    </td>
    <td>
        cell
    </td>
</tr>
</table>

然后，我使用此css在列之间添加边框：

td:not(:last-child){
    border-right:1px solid black;
}

然后我在每行D：

之间的边界上得到空格

我希望它看起来像这样：

我怎样才能摆脱这些空间？

http://jsfiddle.net/Tgr48/

Answer 1

折叠表格边框会这样做：

table {border-collapse:collapse;}