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

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

我在几年前发现＃2的答案。你可以很容易地做到这一点，但有点哈克。如果没有工作，您必须将<tbody>标签添加到您的表格中。

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