在colgroup之间增加间隔

Question

我有一个HTML表，上面有一些colgroups边框。我想在相邻组之间添加一些空间。有没有一种方法可以在CSS中执行此操作，而无需在组之间添加空单元格？

<table>
  <colgroup style="border:1px solid blue;"><col><col></colgroup>
  <colgroup style="border:1px solid blue;"><col><col></colgroup>
  <thead>
    <tr><th>Col A1</th><th>Col A2</th><th>Col B1</th><th>Col B2</th></tr>
  </thead>
 <tbody>
    <tr><td>A1</td><td>A2</td><td>B1</td><td>B2</td></tr>
 </tbody>
</table>

所需的输出如下所示：

------------------- -------------------
| COL A1 | COL A2 | | COL B1 | COL B2 |
------------------ -------------------
| A1 | A2 | | B1 | B2 |
------------------- -------------------

编辑

到目前为止，似乎仅凭CSS不可能做到这一点。我将拭目以待，看看是否有人能解决这个问题，但是现在，我正在使用spacer-cell方法。这不是理想的解决方案，但是相对干净。这是一个工作示例：

http://jsfiddle.net/7ps6cuss/3/

Answer 1

尝试这个：

colgroup{
    margin:20px;
}