<form id="hz9zz"></form>
  • <form id="hz9zz"></form>

      <nobr id="hz9zz"></nobr>

      <form id="hz9zz"></form>

    1. 明輝手游網中心:是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺!

      如何完成HTML中鼠標經停時整行(tr)變色

      [摘要]本文主要介紹了HTML中實現鼠標經停時整行(tr)變色的相關資料,需要的朋友可以參考下,希望能幫助到大家。使用純CSS實現在鼠標經過一個表格的某一行的時候,要整行的背景顏色發生變化,以表明該行正中焦點:<html ><head><meta charset="...
      本文主要介紹了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>&nbsp;</td>
          <td>&nbsp;</td>
        </tr>
        <tr class="change">
          <td>&nbsp;</td>
          <td>&nbsp;</td>
        </tr>
      </table>
      </body>
      </html>

      大家學會了嗎?這種基礎知識在開發中很有用的哦。

      相關推薦:

      HTML實現簡單的提示框

      HTML5桌面通知提示功能的實現

      HTML里關于表格table嵌套的注意事項

      以上就是如何實現HTML中鼠標經停時整行(tr)變色的詳細內容,更多請關注php中文網其它相關文章!


      網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。




      日韩精品一区二区三区高清