删除单元格间距而无边框折叠

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

听起来您在寻找边框间距 。

Answer 2

我没有测试，但是尝试一下：

cellspacing: 0

有关更多信息，请参见http://www.w3schools.com/tags/att_table_cellspacing.asp 。 并且不要破坏边界。