表格边框应覆盖单元格边框

Question

表格的外边框应位于单元格边框之前。我该如何实现这一目标？ 我想要不同的颜色，但外边框一致。第一个例子描述了这个问题：

<table style="border: 1px solid red; border-collapse: collapse">
    <tr>
        <td style="border-right: 1px solid blue">1</td>
        <td>2</td>
        <td>3</td>
    </tr>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>
</table>

<br />

<table style="border: 1px solid red" cellspacing="0">
    <tr>
        <td style="border-right: 1px solid blue">1</td>
        <td>2</td>
        <td>3</td>
    </tr>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>
</table>

Answer 1

几年前我在Stackoverflow上找到了答案。你可以轻松实现这一点，但有点hacky。如果没有，则必须将<tbody>标记添加到您的表格中。

tbody { 
    display: block; 
    margin: -1px; 
}