表的薄黑边界

Question

如上所示,我需要为整个桌子设置这么细的线条.以上图片仅为示例.我的解决方案,不起作用.该表显示没有边框.

这是我的CSS:

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

Answer 1

风格td而th不是

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

而且为了使它在单元格之间没有间距使用:

table {
    border-collapse: collapse;
}

(还要注意,你border-style: none;应该有哪些border-style: solid;)

在这里查看示例:http://jsfiddle.net/KbjNr/