表没有外部边框但在某些单元格上有边框

Question

需要创建复杂的html表（或者使用div可能吗？）。 这些是表格数据，但此表不能有外部边框，但内部边框（单元格周围）应仅存在于选定的单元格中。

换句话说：只有一些单元格会有边框而没有边框＆＃34;围绕表格＃34;。

可以使用html table或divs吗？

Answer 1

是的，可以使用HTML表格。还有分歧。但我建议使用表而不是div来表格数据。

删除表格边框：

table {
  border: none;
}

使用类添加边框到必需的<td>。

.bordered {
  border: 1px solid;
}

＆＃13;

＆＃13;

table {
  /* Optionally use,
  border-collapse: collapse; */
  border: none;
}

.bordered {
  border: 1px solid;
}

＆＃13;

<table>
  <tr>
    <th>Firstname</th>
    <th>Lastname</th>
  </tr>
  <tr>
    <td>Peter</td>
    <td class="bordered">Griffin</td>
  </tr>
  <tr>
    <td class="bordered">Lois</td>
    <td>Griffin</td>
  </tr>
</table>

＆＃13;

＆＃13;

＆＃13;