立即登录 马上注册
首页 › 开发帮助文档 › 开发技术 › HTML中实现鼠标经停时整行（tr）变色

赞

评论

收藏

[Html/CSS] HTML中实现鼠标经停时整行（tr）变色

开发技术 开发技术 发布于：2021-09-14 21:12 | 阅读数：425 | 评论：0

使用纯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）变色，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对CodeAE代码之家网站的支持！

关注下面的标签，发现更多相似文章
免责声明：

1. 本站所有资源来自网络搜集或用户上传，仅作为参考不担保其准确性！

2. 本站内容仅供学习和交流使用，版权归原作者所有！© 查看更多

3. 如有内容侵害到您，请联系我们尽快删除，邮箱：kf@codeae.com

分享到： QQ好友和群QQ好友和群 QQ空间QQ空间

举报

返回列表
相关帖子
avatar
3393 经验
3387 文档
OPNE在线字典
  • 手机版| 免责声明|
2021-2025  版权所有：CodeAE代码之家   
粤ICP备2023096576号-2