Table 个单元格的鼠标悬停事件

Mouseover Event for Table Cells

我知道已经有人问过鼠标悬停问题，但请听我说完，我的要求略有不同。我正在尝试在具有以下属性的 Google 站点页面上设置 table：

  1. 跨越网站的整个宽度
  2. 可点击（link）个单元格
  3. 交错设计
  4. 单元格鼠标悬停 - 每个单元格 bgcolor 在悬停时变为白色

很难用我目前拥有的代码设置#4。请帮忙！ HTML 是我的第一偏好，CSS 是第二。我是初学者，请放轻松！

https://jsfiddle.net/a0xehstz/4/

我删除了外部 tbody & tr & td.