HTML中实现鼠标经停时整行（tr）变色

来源：本站原创|时间：2020-01-10|栏目：CSS/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中实现鼠标经停时整行（tr）变色，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！

上一篇：快速解决input[type=file]打开时慢、卡顿的问题

栏目：CSS/HTML

下一篇：HTML页面原生VIDEO标签隐藏下载按钮功能

本文标题：HTML中实现鼠标经停时整行（tr）变色

本文地址：https://www.xiuzhanwang.com/a1/CSS_HTML/9542.html

更多CSS/HTML

CSS/HTML

HTML中实现鼠标经停时整行（tr）变色

您可能感兴趣的文章

阅读排行

本栏相关

随机阅读