HTML中鼠标停留时整行变色

互联网 18-6-4

这篇文章主要介绍了HTML中实现鼠标滑过时整行变色的相关资料,需要的朋友可以参考下

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

<html >  <head>  <meta charset="utf-8"/>  <title>change</title>  <style type="text/css">    tr.change:hover    {      background-color:#00FF00    }  </style>  </head>  <body>  <h1>鼠标经停变色</h1>  <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中鼠标停留时整行变色

相关资讯

标签推荐