css - 境界線を折りたたまずにセル間隔を削除する

Question

この問題に遭遇したばかりで、解決策が思い浮かびません

テーブル行の上端と下端を異なる色で表示したいテーブルがあります。

私は単に次のことを行う場合

table tr { border-top:solid 1px #201e1f;border-bottom:solid 1px black; }

[..]

<table>
  <tr>
    <td>One</td>
    <td>Two</td>
  </tr>
  <tr>
    <td>One</td>
    <td>Two</td>
  </tr>
  <tr>
    <td>One</td>
    <td>Two</td>
  </tr>
</table>

すべてのセルの間に間隔を空けます (これは理にかなっています) が、次の CSS 行を追加すると、下の境界線が上の境界線より優先されるため、1 つの境界線しか表示されません。

table { border-collapse:collapse; }

テーブルの行に 2 つの境界線を接続する方法を知っている人はいますか?

Answer 1

border-spacingを探しているようです。

Answer 2

私はテストしませんでしたが、これを試してください：

cellspacing: 0

詳細については、 http://www.w3schools.com/tags/att_table_cellspacing.aspを参照してください。国境を崩さないでください。