Rumah > Artikel > hujung hadapan web > HTML中如何实现鼠标经停时整行（tr）变色的示例代码分享
HTML中如何实现鼠标经停时整行（tr）变色的示例代码分享
- 黄舟asal
- 2017-06-18 13:48:461704semak imbas
这篇文章主要介绍了HTML中实现鼠标经停时整行（tr）变色的相关资料,需要的朋友可以参考下
使用纯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> </td>
<td> </td>
</tr>
<tr class="change">
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>Atas ialah kandungan terperinci HTML中如何实现鼠标经停时整行（tr）变色的示例代码分享. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：超级详细的 Hexo + GitHub Pages 搭建博客实例教程Artikel seterusnya：html中关于常见全局属性以及全局属性的含义