html - 我怎样才能让我的边框底部不覆盖我的 table 边框？

Question

如何让我的边框底部不覆盖我的表格边框？我希望两侧是全黑的，而不是带有一点灰色——或者对英国人来说是“灰色”。 ;)

更新:不关心表格的底部边框被覆盖——我希望消除边框为灰色的边。

这是我正在使用的代码和一个 jsfiddle.net为您提供方便的页面 ;)

<table>
    <tr>
        <td>row1</td>
    </tr>
    <tr>
        <td>row2</td>
    </tr>
    <tr>
        <td>row3</td>
    </tr>
    <tr>
        <td>row4</td>
    </tr>
</table>

table {
    border: 4px solid #000;
    width: 400px;
}

table tr {
    border-bottom: 4px solid #CCC;
}

Answer 1

将 border-collapse:separate 设置到您的表格，并将边框添加到 td 而不是 tr:

http://jsfiddle.net/ptriek/uJ5zN/2/