CSS框阴影在折叠边框时插入边框之间的间隙

Question

我有一个带有border-collapse的表：折叠集，结果是box-shadow插入和边框之间的奇怪间隙，边框宽度越大，边界越大。我该如何避免这种奇怪？顺便说一句，这是在Chrome上。

HTML：

<table class="theTable">
  <tr>
    <td class="weirdGap">
      unexpected gap
      <br>
      unexpected gap
    </td>
  </tr>
</table>

CSS：

.theTable {
  border-collapse: collapse;

}

.weirdGap {
  box-shadow: inset 0 0 6px red;
  border: 5px solid blue;
}

这里是jsFiddle http://jsfiddle.net/ukhgK/11/

Answer 1

border-collapse属性设置表格边框折叠为单个边框或分离为标准HTML。您可以在示例中找到更多developer.mozilla.org/.../border-collapse如何使用它。