table 隔列(行)换色效果让表格结构更清淅

要实现表格的隔列（行）换色效果，通常我们会使用CSS（层叠样式表）来控制。这里我将分别给出HTML和CSS的示例代码，以实现隔行和隔列换色的效果。请注意，HTML结构是固定的，而CSS是用来控制样式的。

### 隔行换色（Zebra Striping）

HTML:

<table>
  <tr><td>Row 1, Cell 1</td><td>Row 1, Cell 2</td><td>Row 1, Cell 3</td></tr>
  <tr><td>Row 2, Cell 1</td><td>Row 2, Cell 2</td><td>Row 2, Cell 3</td></tr>
  <tr><td>Row 3, Cell 1</td><td>Row 3, Cell 2</td><td>Row 3, Cell 3</td></tr>
  <!-- 更多行 -->
</table>

CSS:

table {
  width: 100%;
  border-collapse: collapse;
}

th, td {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {
  background-color: #f2f2f2;
}

### 隔列换色

HTML保持不变，CSS修改为：

table {
  width: 100%;
  border-collapse: collapse;
}

th, td {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

tr td:nth-child(even) {
  background-color: #f9f9f9;
}

在隔列换色的CSS中，我们使用了`tr td:nth-child(even)`选择器来选中每行的偶数列（注意，CSS的计数是从1开始的，但`:nth-child`中的“even”和“odd”是基于人类自然语言的“偶数”和“奇数”概念，所以这里的“even”实际上对应的是第2、4、6...列）。

请注意，这些代码段需要在支持CSS的HTML文档中才能正确显示效果。你可以将HTML代码放入``标签内，将CSS代码放入``标签内的`