這篇文章主要介紹了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
以上是HTML中滑鼠停留時整行變色的詳細內容。更多資訊請關注PHP中文網其他相關文章!