这个网站是如何在 th 元素之间添加 2px 的边距的？答案

【问题标题】：How did this site add that 2px margin between the th elements?这个网站是如何在 th 元素之间添加 2px 的边距的？
【发布时间】：2013-03-22 04:21:15
【问题描述】：

我一直在查看代码，但仍然无法弄清楚它们是如何实现 th 元素之间的 2px 边距的：

这是网站：http://ecigarettereviewed.com/

有什么想法吗？

【问题讨论】：

标签： html css space html-table

【解决方案1】：

这是相关的 CSS：

table {
    border-collapse: separate;
    border-spacing: 2px;
}

这其实是浏览器默认样式：

【讨论】：

奇怪，我试图模仿它，但在我的网站上没有边距。
我刚刚测试过，效果很好：jsfiddle.net/eZFzm 这是 Chrome 中的默认样式。如果它不适用于您的网站/项目，则其他一些 CSS 会覆盖该样式。
@alexchenco 确实很奇怪！
奇怪，也许我的 CSS 重置正在重置那些默认样式。所以我将它们添加到我的样式表中，现在它们可以工作了。谢谢。
@Danny - 很有趣 - 肯定有人被你的回答冒犯了。我只是赞成它来抵消它。

【解决方案2】：

我相信这是导致这些边框的 CSS：

table {
    border-collapse: separate;
    border-spacing: 2px;
    -webkit-border-horizontal-spacing: 2px;
    -webkit-border-vertical-spacing: 2px;
}

【讨论】：

你从哪里提取的代码？ -webkit-border-horizontal-spacing: 2px; 不在样式表中：ecigarettereviewed.com/wp-content/themes/ecigarettereviewed/…
@Danny - 如果您单击border-spacing:>2px 之间的小右箭头，它将展开以显示-webkit-border-horizontal|vertical-spacing。看起来这些是 webkit 的默认设置。