thead border bottom，删除列之间的空格

Question

我只想在表格标题下方留一条蓝线，现在每列之间几乎没有白色分隔，因为每个th都有样式。

thead th {
    border-bottom: 4px solid #D3E6F5;
    padding-bottom: 20px;
}

这是我的JSFiddle。

Answer 1

将cellspacing = "0" html属性或CSS属性border-spacing: 0添加到table元素。

Example with cellspacing attribute

Example with border-spacing CSS property