删除没有边框折叠的单元格间距答案

【问题标题】：Remove cellspacing without border-collapse删除没有边框折叠的单元格间距
【发布时间】：2010-11-11 21:19:18
【问题描述】：

我只是偶然发现了这个问题，我想不出解决办法

我有一个表格，我希望表格行有不同颜色的顶部和底部边框。

如果我只是执行以下操作


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; }

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

【问题讨论】：

我不确定您所说的“连接”边界是什么意思

标签： css border spacing

【解决方案1】：

听起来您正在寻找border-spacing。

【讨论】：

是的，成功了。但不要在表格行上工作，只在表格单元格上工作

【解决方案2】：

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

cellspacing: 0

请参阅http://www.w3schools.com/tags/att_table_cellspacing.asp 了解更多信息。并且不要折叠你的边界。

【讨论】：