表格邊框應該覆蓋單元格邊框

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