因为我在桌子后面有一个背景图像，所以用白色填充来伪装是行不通的。我选择在每行内容之间放置一个空行：

<tr class="spacer"><td></td></tr>

然后使用css为间隔行提供一定的高度和透明背景。

您可以尝试添加分隔符行：

html格式：

<tr class="separator" />

css:

table tr.separator { height: 10px; }

您可以用＜div/＞元素填充＜td/＞元素，并对您喜欢的div应用任何边距。对于行之间的可视空间，可以在＜tr/＞元素上使用重复的背景图像。（这是我今天刚刚使用的解决方案，它似乎在IE6和FireFox 3中都有效，尽管我没有进一步测试它。）

此外，如果您不愿意修改服务器代码以将＜div/＞s放在＜td/＞s中，那么可以使用jQuery（或类似的东西）将＜td/〕内容动态地包装在＜div/〕中，使您能够根据需要应用CSS。

好的，你可以

tr.classname td {background-color:red; border-bottom: 5em solid white}

确保背景色设置在td而不是行上。这应该适用于大多数浏览器。。。（铬，即已测试）

在父表中，尝试设置

border-collapse: separate; 
border-spacing: 5em;

再加上一份边境声明，看看这是否达到你想要的效果。不过，请注意，IE不支持“分隔边界”模式。

您需要在td元素上使用填充。像这样的东西应该会奏效。当然，您可以使用顶部填充而不是底部填充获得相同的结果。

在下面的CSS代码中，大于号表示填充仅应用于td元素，这些元素是带有spaceUnder类的tr元素的直接子元素。这将使使用嵌套表成为可能。（示例代码中的单元格C和D）我不太确定浏览器是否支持直接子选择器（想想IE 6），但它不应该破坏任何现代浏览器中的代码。

/*对类spaceUnder的tr元素的直接子级td元素应用填充*/tr.spaceUnder>td{衬垫底部：1毫米；}<表><tbody><tr><td>一个</td><td>B级</td></tr><tr class=“spaceUnder”><td>C类</td><td>D）</td></tr><tr><td>电子</td><td>F级</td></tr></tbody></table>

这应该有点像这样：

+---+---+
| A | B |
+---+---+
| C | D |
|   |   |
+---+---+
| E | F |
+---+---+