本篇文章给大家分享的是有关如何实现HTML中鼠标停留时整行变色，小编觉得挺实用的，因此分享给大家学习，希望大家阅读完这篇文章后可以有所收获，话不多说，跟着小编一起来看看吧。

使用纯CSS实现在鼠标经过一个表格的某一行的时候，要整行的背景颜色发生变化，以表明该行正中焦点：

<html ><head><meta charset="utf-8"/><title>change</title><style type="text/css"> tr.change:hover { background-color:#00FF00 }</style></head><body><h2>鼠标经停变色</h2><table width="80%" border="1" align="center"> <tr class="change"> <td>&nbsp;</td> <td>&nbsp;</td> </tr> <tr class="change"> <td>&nbsp;</td> <td>&nbsp;</td> </tr></table></body></html>

以上就是如何实现HTML中鼠标停留时整行变色，小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注亿速云行业资讯频道。