css - 当 * 定义为边框时添加表格边框：0

Question

当我已经在 css 中有规则时，向 html 表格添加边框的最佳方法是什么

*{border:0;}

如果我添加 style="border:1px;" 进入表格然后我只得到一个围绕整个表格而不是每个单元格的边框，这是我使用时应该拥有的：

<table border="1" cellspacing="0" cellpadding="0"> 

Answer 1

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

例子

Answer 2

您不应使用该 HTML，因为它无效。使用以下 CSS：

table {
border: 1px;
border-collapse: collapse;
}

table td, table th {
border: 1px;
padding: 0px;
}

border-collapseoncollapse使单元格的边界单一。这相当于 HTML 单元格间距。确保在table和td上设置边框th。

Answer 3

您还需要在单元格上设置边框。也许你应该为这个表设置一个 CSS 类。

table.bordered
{
border-collapse:collapse;
}
table.bordered > td
{
border: 1px solid black;
}

然后你会使用<table class="bordered">

编辑：其他答案假设您希望所有表都这样做。我认为没有理由得出这个结论。