html - 表格边框 html

Question

我现在正在创建一堆表格，当我添加表格标题时 (<th>)表格行 <tr>并为其添加边框，出现多个边框。我的意思是说我有两个连续的表头，所以每个 th 标签都会添加自己的边框，但我只想要两个表头 (th) 之间的边框。

<table>
    <th>Header1</th>
    <th>Header2</th>
    <tr><td>Data1</td><td>Data2</td> </tr>
</table> 

如果你引用上面的代码，如果我添加边框来表示标签，header1 和 header2 之间将有 2 个边框。我只想要 1。

Answer 1

你的问题描述含糊不清(以后请出一个SSCCE，这样大家就可以复制'n'粘贴'n'运行它来看看你到底是什么意思)，但至少，这个“双边框”问题的常见解决方案是添加 border-collapse: collapse相关父表的属性:

table {
    border-collapse: collapse;
}

另见 this Quirksmode article举几个例子。