Question

我有一些表格，我希望这些表格的四个外边框比划分单个单元格的边框更粗。除了手动改变碰巧与外界接壤的每个单元格的边框厚度（根本没有效率），我该怎么做？

我可能想尝试的另一件事是，虽然我现在所有边框都已折叠，但我可能希望这些外边框不会折叠（而不是变厚）。但我也不知道如何解决这个问题。

使问题复杂化的事实是我只想用我文档中的一些表来做这件事。我的文档整体上有很多 - 我想要的大多数都是1px厚度。但是我想要一些特殊的桌子，外层厚度为3px。那么如何在CSS中执行此操作而不会弄乱其他表呢？

在任何地方，这是一个示例表，其外边框我想要加粗：

<table>
<tbody>
<tr><th colspan="2">Quest Complete</th>
</tr>
<tr>
<td colspan="2">Legend of the Sage</td>
</tr>
<tr>
<td colspan="2">Nopon Sage<br/><br/>Ask a child in Frontier Village to tell you why the<br/>Nopon Sage is so great.<br/><br/><br/>You understand a little better why the<br/>Nopon Sage is so great.</td>
</tr>
<tr>
<td style="width:165px">4500 G<br/>1500 EXP<br/><br/></td>
<td style="width:165px">Poison Plus V<br/>Revival HP Up III<br/><br/></td>
</tr>
</tbody>
</table>

（是的，这是一个视频游戏。= P）

这就是我对CSS样式表所拥有的内容：

table {width: 360px; border-collapse: collapse; background-color: #f0f0f0}
table, th, td {border: 1px solid black; font-size: 14px; font-family: Helvetica; line-height: 1.25}
th, td {padding: 3px}

Answer 1

它会覆盖CSS，根据优先级进行调整。在您的方案中，您可以将CSS更改为此

table, th, td {border: 1px solid black; font-size: 14px; font-family: Helvetica; line-height: 1.25}
th, td {padding: 3px}
table {width: 360px; border-collapse: collapse; background-color: #f0f0f0;border: 10px solid black;}

如何创建比表格中的单元格边框更粗的外边框？

1 个答案: