HTML表格边框设置：为表格、行、单元格添加边框

想要为HTML表格设置边框，并让表格中的行和单元格也显示边框线？使用CSS样式即可轻松实现！

以下是示例代码：

HTML代码：

<table id='myTable'>
  <tr>
    <td>单元格1</td>
    <td>单元格2</td>
  </tr>
  <tr>
    <td>单元格3</td>
    <td>单元格4</td>
  </tr>
</table>

CSS代码：

#myTable {
  border-collapse: collapse; /* 合并相邻边框 */
  border: 1px solid black; /* 设置表格边框 */
}

#myTable tr, #myTable td {
  border: 1px solid black; /* 设置tr和td的边框 */
}

在上述代码中：

我们首先为table元素设置了一个边框，并使用border-collapse: collapse;样式将相邻的双边框合并为单一边框，使表格看起来更简洁。
然后，通过border: 1px solid black;样式为tr（行）和td（单元格）元素设置了边框。

您可以根据需要自定义边框样式，例如更改边框粗细、颜色、样式等。