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

Question

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

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

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

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

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

更新：

行之间不应有间隙。

像这样：

Answer 1

尝试这个：

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

http://jsfiddle.net/qLumE/