html – 表的薄黑边框

发布时间：2020-12-14 21:38:26 所属栏目：资源来源：网络整理

导读：如上所述，我需要对整个桌子有这么细的线条。以上图片仅供参考。我的解决方案不行。桌子上没有显示任何边框。这是我的CSS： table { border-width: thin; border-spacing: 2px; border-style: none; border-color: black;} 解决方法换成td和th td,th { bor

如上所述，我需要对整个桌子有这么细的线条。以上图片仅供参考。我的解决方案不行。桌子上没有显示任何边框。

这是我的CSS：

table {
    border-width: thin;
    border-spacing: 2px;
    border-style: none;
    border-color: black;
}

解决方法

换成td和th

td,th {
    border: 1px solid black;
}

而且也使得细胞之间没有间隔使用：

table {
    border-collapse: collapse;
}

(也注意，你有border-style：none;这应该是border-style：solid;)

见这里的一个例子：http://jsfiddle.net/KbjNr/

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!