删除cellspacing而不进行边框折叠

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行时，底部边框覆盖了顶部边框，所以我只能看到一个边框

table { border-collapse:collapse; }

有谁知道如何在我的表格行上获得两个连接边框？

Answer 1

听起来像是在寻找border-spacing。

Answer 2

我没有测试，但试试这个：

cellspacing: 0

有关详细信息，请参阅http://www.w3schools.com/tags/att_table_cellspacing.asp。并且不要崩溃你的边界。