HTML 表格边框：如何为每个表格添加边框

要为 HTML 表格中的每个表格添加边框，请使用 CSS 样式来定义表格的边框。以下是一些常用的方法：

使用border属性：你可以通过在<table>标签上设置border属性来定义表格的边框样式。例如，border: 1px solid black;将为表格的所有单元格添加 1 像素宽的黑色实线边框。

<style>
table {
  border: 1px solid black;
}
</style>

<table>
  <tr>
    <td>单元格1</td>
    <td>单元格2</td>
  </tr>
  <tr>
    <td>单元格3</td>
    <td>单元格4</td>
  </tr>
</table>

使用 CSS 类：你可以定义一个 CSS 类来设置表格的边框样式，然后将该类应用于每个<table>标签。这样可以使样式更具可重用性。

<style>
  .bordered-table {
    border: 1px solid black;
  }
</style>

<table class='bordered-table'>
  <tr>
    <td>单元格1</td>
    <td>单元格2</td>
  </tr>
  <tr>
    <td>单元格3</td>
    <td>单元格4</td>
  </tr>
</table>

<table class='bordered-table'>
  <tr>
    <td>单元格A</td>
    <td>单元格B</td>
  </tr>
  <tr>
    <td>单元格C</td>
    <td>单元格D</td>
  </tr>
</table>

使用 CSS 选择器：你可以使用 CSS 选择器来选择特定的表格，然后为其添加边框样式。

<style>
table {
  border-collapse: collapse;
}
.my-table {
  border: 1px solid black;
}
</style>

<table class='my-table'>
  <tr>
    <td>单元格1</td>
    <td>单元格2</td>
  </tr>
  <tr>
    <td>单元格3</td>
    <td>单元格4</td>
  </tr>
</table>

<table>
  <tr>
    <td>单元格A</td>
    <td>单元格B</td>
  </tr>
  <tr>
    <td>单元格C</td>
    <td>单元格D</td>
  </tr>
</table>

使用其中的一种方法，你可以轻松为每个表格添加边框样式。你可以根据需要调整边框的宽度、颜色和样式（如实线、虚线等），以实现你想要的效果。