html - 带边框的表格行和间距与 CSS？

Question

我有一个表格，我需要在其中给定的一行或多行之间放置一个边框，并在它们之间留出间距。

我似乎能够做到其中之一。

我知道我可以用

table { border-collapse: separate; border-spacing: 1em 0.5em; }

为了得到我的间距，但是边框不会出现类似的东西

tr.bordered { border: 1px solid blue; }

如果我设置了 border-collapse: collapse，就会显示蓝色边框。但是没有间距。

我是不是漏掉了什么？

编辑:JS FIDDLE here

你可以看到，如果你使用“collapse”，边框有效但没有空间。

如果您使用“separate”，您会得到间距但没有边框。

Answer 1

此处重复问题:Style row or column rather than cells when border-collapse: separate

推荐使用colspan模拟表格行，并在colspan内给表格添加边框。