在html表列之间添加边距

Question

我最近在IE9 +和Firefox / Chrome上。

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

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

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

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

更新：

行之间应该没有间隙。

就像这样：

Answer 1

试试这个：

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

http://jsfiddle.net/qLumE/