html - thead 边框底部,删除列之间的空间

标签 html css css-tables

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

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

这是我的 JSFiddle .

最佳答案

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

Example with cellspacing attribute

Example with border-spacing CSS property

关于html - thead 边框底部,删除列之间的空间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24145397/

相关文章:

html - Calc() 函数在 Wordpress 中不起作用

javascript - 延迟加载脚本加载和/或执行

html - 为什么 margin :0 auto is not aligning to center

css - 灰色复选框跨浏览器解决方案

html - 表中的表单字段/两个半 block ,使用 "tab"导航

javascript - jQuery,形式上的变量数学

javascript - 使用 JavaScript 播放声音

css - JCarousel:11 次环绕后的所有幻灯片

html - 使用 CSS 右对齐表格单元格中的文本

html - 增加整个表格高度时,使表格行高不变