<table> 设置表格样式

在HTML中，`<table>` 标签用于创建表格结构，而设置其样式则涉及到CSS（层叠样式表）。你可以使用CSS来控制表格的外观，包括边框、背景色、单元格间隔、对齐方式等。以下是一些基本的`<table>` 样式设置示例：

<style>
table {
  border-collapse: collapse; /* 合并单元格边框 */
  width: 100%; /* 设置表格宽度为100%，适合自适应内容 */
  max-width: 800px; /* 可选，限制最大宽度 */
}

th, td {
  padding: 10px; /* 单元格内的填充 */
  text-align: center; /* 对齐方式 */
  border: 1px solid #ccc; /* 边框 */
}

th {
  background-color: #f2f2f2; /* 列标题背景色 */
  font-weight: bold; /* 列标题加粗 */
}

tr:nth-child(even) { /* 每隔一行改变背景色 */
  background-color: #f9f9f9;
}

/* 鼠标悬停时单元格效果 */
td:hover {
  background-color: #eaeaea;
}
</style>

<table>
  <thead>
    <tr>
      <th>列1</th>
      <th>列2</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>行1, 列1</td>
      <td>行1, 列2</td>
    </tr>
    <!-- 更多行... -->
  </tbody>
</table>

上述代码设置了基础的表格样式，包括合并单元格边框、单元格内外填充、文字居中、边框样式、颜色以及鼠标悬停时的效果。