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

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

<style>

html鼠标经过图片变色HTML中实现鼠标移动到table中某个单位格中色彩转变 Bootstrap

.tablex {border-collapse: collapse;}

.tablex tr {}

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

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

</style>

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

附上完全代码：

<html>

<head>

<meta http-equiv=\公众Content-Type\"大众 content=\"大众text/html; charset=GBK\公众 />

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

<style>

.table1 {border-collapse: collapse;}

.table1 tr {}

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

.table1 tr td:hover { background-color:#006030; color:#006030;}

</style>

</head>

<body>

<table class=\公众table1\"大众 width=\"大众70%\公众 border=\"大众1\"大众>

<tr>

<td>测试</td>

<td>测试</td>

<td>测试</td>

<td>测试</td>

</tr>

<tr>

<td>测试</td>

<td>测试</td>

<td>测试</td>

<td>测试</td>

</tr>

<tr>

<td>测试</td>

<td>测试</td>

<td>测试</td>

<td>测试</td>

</tr>

<tr>

<td>测试</td>

<td>测试</td>

<td>测试</td>

<td>测试</td>

</tr>

<tr>

<td>测试</td>

<td>测试</td>

<td>测试</td>

<td>测试</td>

</tr>

</table>

</body>

</html>

在任何一个浏览器中运行，效果如下

南大盛联20年来一贯致力于高端IT培训--打造高等软件人才实战培训专家，学生对我们的认可是我们一贯提高的动力；项目团队环球招聘，特聘来自外洋的老师进行任教，采取100%商业项目进行实战培训，线上线下同步进行。

课程全部紧随市场需求进行设计，并且动态进行调度；7天免费试听，0首付开始学习，学完后进行100%推举就业，不满意事情岗位2次推举。

选定一个平台，认识一群志同道合的朋友，你的未来人生路必定不一样。

目前已经开设下面这些培训项目

Java培训

安卓培训

JavaWeb培训

Linux培训

云做事器支配培训

HTML5培训

SEO培训

视频剪辑培训

UI培训

欢迎您们分享给自己乐意分享的朋友，大家一起来进步；相互转告，咨询，学习。

南大盛联培训理念：我懂，我也能让你懂。