45fan.com - 路饭网

搜索: 您的位置主页 > 网络频道 > 阅读资讯:如何在HTMl中实现鼠标经停时整行变色?

如何在HTMl中实现鼠标经停时整行变色?

2017-10-21 17:10:57 来源:www.45fan.com 【

如何在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)变色,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对路饭网站的支持!


本文地址:http://www.45fan.com/a/question/92915.html
Tags: html 实现 鼠标
编辑:路饭网
关于我们 | 联系我们 | 友情链接 | 网站地图 | Sitemap | App | 返回顶部