在 html 表格列之间放置一个边距

Question

我使用的是最新的 IE9+ 和 Firefox/Chrome。

http://codepen.io/helloworld/pen/wmuGH

如何在表格看起来像图表的所有列之间设置边距？

我不想在真实列之间使用空的虚拟列并设置它们的宽度来伪造边距。

我在填充和边距方面玩了很多，但要么顶部的圆形边框被破坏，要么图表列的背景颜色浮动到列之间新创建的间隙中......

更新：

行与行之间不应有间隙。

就像这样：

Answer 1

试试这个：

#responseTable  {
  border-collapse:separate; 
  border-spacing: 4px;
}

http://jsfiddle.net/qLumE/