这个网站是如何在th元素之间添加2px的余量的？

我一直在寻找的代码，我仍然无法弄清楚他们是如何实现的th元素之间的2px保证金：这个网站是如何在th元素之间添加2px的余量的？

enter image description here

任何想法？

2013-03-22 alexchenco

下面是相关的CSS：

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

这实际上是一个浏览器的默认样式：

enter image description here

来源

2013-03-22 04:23:35

奇怪的是，我试图模仿，但在我的网站没有利润。 – alexchenco 2013-03-22 04:27:35

我刚测试过它，它可以很好地工作：http://jsfiddle.net/eZFzm/它是Chrome中的默认样式。如果它不在您的网站/项目上工作，其他一些CSS将覆盖该样式。 – 2013-03-22 04:28:50

Downvoters，请评论，因为我在这里输了，为什么... – 2013-03-22 04:33:01

我相信这是引起这些边界的CSS：

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

来源

2013-03-22 04:37:48 mattstuehler

你从哪里提取代码？ '-webkit-border-horizontal-spacing：2px;'不在样式表中：http://ecigarettereviewed.com/wp-content/themes/ecigarettereviewed/style.css – 2013-03-22 04:39:53

@丹尼 - 如果你点击litte右键， border-spacing：> 2px'之间的箭头，它会展开以显示'-webkit-border-horizontal | vertical-spacing'。它看起来像是webkit的默认设置。 – mattstuehler 2013-03-22 05:02:39

啊，我明白了，好的... – 2013-03-22 05:04:20

这个网站是如何在th元素之间添加2px的余量的？

回答

相关问题