如何在表格中添加 CSS 样式 - 两种方法详解

可以在 table 标签中使用 style 属性来写 CSS 样式，也可以在 CSS 文件中使用 table 标签选择器来选择表格，并写入样式。以下是两种方法的示例：

1. 在 table 标签中使用 style 属性写 CSS 样式：

<table style='border-collapse: collapse;'>
  <tr>
    <td style='border: 1px solid black;'>单元格1</td>
    <td style='border: 1px solid black;'>单元格2</td>
  </tr>
  <tr>
    <td style='border: 1px solid black;'>单元格3</td>
    <td style='border: 1px solid black;'>单元格4</td>
  </tr>
</table>

2. 在 CSS 文件中使用 table 标签选择器写 CSS 样式：

table {
  border-collapse: collapse;
}

table td {
  border: 1px solid black;
}

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

通过以上两种方法，你可以轻松地为表格添加各种样式，使表格更加美观和易于阅读。