次帶給大家HTML怎麼做出滑鼠經停時(tr)變色,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>
相信看了這些案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!
相關閱讀:
以上是HTML怎麼做出滑鼠經停時(tr)變色的詳細內容。更多資訊請關注PHP中文網其他相關文章!