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

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; 
}