在html表列之间添加边距

Question

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

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

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

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

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

更新:

行之间应该没有间隙.

像这样:

Answer 1

试试这个:

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

http://jsfiddle.net/qLumE/