CSS实现鼠标滑过表格行变色的实现很简单,主要是用到了css的:hover选择器,我们来看看具体的实现方法:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>CSS实现鼠标滑过表格行变色-www.woaidaogu.com</title> <style type="text/css"> tr:hover { background-color:#4DC1FE; } </style> </head> <body> <h1>程序员的六个准则</h1> <table width="500px"> <tr><td>第1个:专注眼下</td></tr> <tr><td>第2个:思考力与推动力</td></tr> <tr><td>第3个:Never Say No</td></tr> <tr><td>第4个:投资未来</td></tr> <tr><td>第5个:善用工具</td></tr> <tr><td>第6个:管理时间</td></tr> </table> </body> </html>
通过以上内容我们知道了CSS实现鼠标滑过表格行变色的方法,感谢您访问“我爱捣鼓(www.woaidaogu.com)”网站的内容,希望对大家有所帮助!引用本文内容时,请注明出处!谢谢合作!