html - 境界線を折りたたむことなくHTML trの背景色

Question

全体に背景色を入れたい<tr>。試してみると、セル間に白い隙間ができました。テーブルの境界線を折りたたむことを示唆する、このような多くの回答が見つかりました。しかし、国境が崩れたくない！他のすべての行に境界線が必要ですが、この 1 つの色付きの行には境界線が必要です (または、より正確には、この行でも境界線の間隔が必要ですが、BG の色には間隔が含まれている必要があります)。

ここにフィドルがあります: http://jsfiddle.net/qEg9L/1/。ご覧のとおり、テーブルの残りのセルはさまざまな色で、境界線によって区別することができます。一番上の行だけ無地で、縁取りはしたくない

Answer 1

使用border-collapse: collapse;してから独自の境界線を追加します

編集（フィドルを投稿したので）

更新されたフィドル

table{
    border-collapse: collapse;
  }
table td{
    border: 1px solid white;
  }

---

フィドル

<table>
  <tr class="withBack">
    <td>test</td>
    <td>test</td>
  </tr>
    <tr>
        <td>test</td>
        <td>test</td>
    </tr>
</table>


  table{
    border-collapse: collapse;

  }
  table td{
    border: 5px solid green;
    padding: 10px 20px;
  }
.withBack
{
    background: pink;
}
.withBack td
{
    background: pink;
    border: 5px solid pink;
}

Answer 2

td タグのみに色を付ける css ファイルを追加すると、境界線が表示されます。

Answer 3

このスタイルをこのようにテーブルに追加するだけです

<table style='border-spacing:0px'>
    // your code.
</table>