表边框没有给出欲望的结果

Question

我正在尝试制作一个圆角的桌子和<tr>'s之间的单个实心边框。但是，我似乎在使用border-collapse时遇到了一些问题。当我设置border-collapse: separate时，我会得到以下内容：

结果 - 边框折叠：单独

代码

HTML

<table>
    <tr>
        <td>
            This
        </td>
        <td>
            that
        </td>
        <td>
            the other.
        </td>
    </tr>
    <tr>
        <td>
            This
        </td>
        <td>
            that
        </td>
        <td>
            the other.
        </td>
    </tr>
</table>

CSS

table, tr {
 border: 1px solid black;
 border-collapse: separate;
 border-color: #ACACAC;
 border-radius: 5px;
}

但是，当我使用border-collapse: collapse时，我会在<tr>'s之间找到正确的线条，但角落不会四舍五入，如下所示：

结果 - 边框折叠：崩溃

有谁知道如何在<tr>'s与圆角之间找到两条线？

非常感谢！

Answer 1

在表格元素中添加cellpadding = 0 and cellspacing = 0，删除部分的border-bottom，并为除最后一个之外的所有td元素添加此CSS border-bottom，如：

tr:not(:last-child) td{    
  border-bottom:1pt solid #ACACAC; 
}

table,
tr {
  border: 1px solid black;
  border-color: #ACACAC;
  border-radius: 5px;
}
td {
  padding: 5px;
}
tr:not(:last-child) td {
  border-bottom: 1pt solid #ACACAC;
}

<table cellspacing=0 cellpadding=0>
  <tr>
    <td>
      This
    </td>
    <td>
      that
    </td>
    <td>
      the other.
    </td>
  </tr>
  <tr>
    <td>
      This
    </td>
    <td>
      that
    </td>
    <td>
      the other.
    </td>
  </tr>
</table>

它正在运作：

http://jsfiddle.net/csdtesting/dngpq4hb/3/