控制表格单元格之间的间距
我试图创建一个表，其中每个单元格都有一个背景颜色，它们之间有空白区域。 但是我似乎在这样做时遇到了麻烦。
我尝试设置td边距，但似乎没有效果。
table.myclass td {
background-color: lime;
margin: 12px 12px 12px 12px;
}
如果我用填充做同样的事情，它可以工作，但是我没有单元之间的间距。
有人可以帮助我吗？
jsFiddle：http://jsfiddle.net/BfBSM/
使用table元素上的border-spacing属性来设置单元格之间的间距。
确保将border-collapse设置为separate （或者每个单元格之间会有一个单独边框，而不是每个单元格之间可以有间距的单独边框）。
检查这个小提琴。 你将需要看看使用border-collapse和border-spacing。 IE有一些怪癖（像往常一样）。 这是基于对这个问题的回答。
HTML：
<table class="test">
<tr>
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
</tr>
<tr>
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
</tr>
<tr>
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
</tr>
</table>
CSS：
table.test td {
background-color: lime;
margin: 12px 12px 12px 12px;
padding: 12px 12px 12px 12px;
}
table.test {
border-collapse: separate;
border-spacing: 10px;
*border-collapse: expression('separate', cellSpacing = '10px');
}
table.test td {
background-color: lime;
padding: 12px;
border:2px solid #fff;border-collapse:separate;
}