表的薄黑边界

时间:2011-12-14 00:03:30

标签: html css

enter image description here

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

这是我的CSS:

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

1 个答案:

答案 0 :(得分:58)

设置tdth的样式

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

并且为了使它在单元格之间没有间隔使用:

table {
    border-collapse: collapse;
}

(另请注意,您的border-style: none;应为border-style: solid;

请在此处查看示例:http://jsfiddle.net/KbjNr/