html:表格的行和列的颜色不同

<table>
  <tr class="row1">
    <td class="col1">Cell 1</td>
    <td class="col2">Cell 2</td>
  </tr>
  <tr class="row2">
    <td class="col1">Cell 3</td>
    <td class="col2">Cell 4</td>
  </tr>
</table>

.row1 {
  background-color: #f1f1f1; /* 设置第一行的背景颜色 */
}

.row2 {
  background-color: #ffffff; /* 设置第二行的背景颜色 */
}

.col1 {
  background-color: #ff0000; /* 设置第一列的背景颜色 */
}

.col2 {
  background-color: #00ff00; /* 设置第二列的背景颜色 */
}

<style>
  /* CSS代码 */
</style>