html 表格table点一下变色_HTML中实现鼠标移动到table中某个单元格中颜色改变

在html中，我们经常会用到table布局；有时候需要实现指定单元格，当鼠标移动到上面的时候，该单元格背景变色，不是该行背景变色，也不是仅仅文字的背景变色；

html的文件结构大家都是知道的了，总体分为head和body部分

我们要实现变色，在head部分实现格式

.tablex {border-collapse: collapse;}

.tablex tr {}

.tablex tr td {text-align:center; line-height:30px;}

.tablex tr td:hover { background-color:#f00; color:#fff;}

然后在body部分，使用table时候，注明class="tablex".这样的话，就实现了我们所说的效果了。

附上完整代码：

测试鼠标移到到表格单元格背景颜色改变的

.table1 {border-collapse: collapse;}

.table1 tr {}

.table1 tr td {