使用纯CSS切换表格单元格

<table>
  <tr>
    <td class="cell">单元格1</td>
    <td class="cell">单元格2</td>
    <td class="cell">单元格3</td>
  </tr>
</table>

.cell {
  background-color: #ccc;
  transition: background-color 0.3s ease;
}

.cell:hover {
  background-color: #f00;
}