Rumah > Artikel > hujung hadapan web > HTML中鼠标停留时整行变色
这篇文章主要介绍了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> </td> <td> </td> </tr> <tr class="change"> <td> </td> <td> </td> </tr> </table> </body> </html>
总结:以上就是本篇文的全部内容,希望能对大家的学习有所帮助。
相关推荐:
SS如何实现把鼠标放在行上整行变色_html/css_WEB-ITnose
Atas ialah kandungan terperinci HTML中鼠标停留时整行变色. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!