桌子的细黑色边框答案

【问题标题】：Thin Black Border for a Table桌子的细黑色边框
【发布时间】：2012-01-19 20:17:13
【问题描述】：

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

这是我的 CSS：

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

【问题讨论】：

标签： html css

【解决方案1】：

改用td 和th 的样式

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

而且还要做到这一点，因此单元格之间没有间距：

table {
    border-collapse: collapse;
}

（另请注意，您有border-style: none;，应该是border-style: solid;）

【讨论】：

@Petah 您没有在回答中提到这一点，但它在您的 JSFiddle 中：border-collapse:collapse 是解决方案的关键元素。
@JamWaffles 好吧，它仍然会在所有单元格周围有一个 1px 的实心边框，它也会在单元格之间有间距。（更新）
echo "<table border=\"1\" style=\"border-collapse:collapse;\">"; 用于 html，如果有人需要的话
或<table border="1" style="border-collapse:collapse" >