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 で答えを見つけました。これは簡単に達成できますが、少しハックです。<tbody>それなしでは機能しない場合は、タグもテーブルに追加する必要があります。

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