In HTML ändert die gesamte Zeile ihre Farbe, wenn die Maus darüber bewegt wird-HTML-Tutorial-php.cn

In HTML ändert die gesamte Zeile ihre Farbe, wenn die Maus darüber bewegt wird

墨辰丷

Freigeben： 2018-06-04 15:45:25

Original

3106 Leute haben es durchsucht

In diesem Artikel werden hauptsächlich die relevanten Informationen in HTML vorgestellt, um die Farbänderung der gesamten Zeile zu erkennen, wenn die Maus darüber ist. Freunde, die sie benötigen, können darauf verweisen

Verwenden Sie reines CSS, um dies zu erkennen, wenn die Maus gedrückt wird über eine bestimmte Zeile einer Tabelle geht, ist es notwendig, dass sich die Hintergrundfarbe der gesamten Zeile ändert, um anzuzeigen, dass die Zeile im Fokus ist:

<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>

Nach dem Login kopieren

Zusammenfassung: Das Obige ist der gesamte Inhalt dieses Artikels, I Ich hoffe, es wird für das Lernen aller hilfreich sein.

Verwandte Empfehlungen:

So platzieren Sie die Maus auf einer Zeile in SSDie gesamte Zeile ändert ihre Farbe_html/css_WEB-ITnose

Wenn die Maus darüber bewegt wirdDie gesamte Zeile ändert ihre Farbe_JavaScript

Basierend auf jQuey, um die Farbänderung zu erkennen, wenn Die Maus gleitet über (Die gesamte Zeile ändert ihre Farbe)_jquery

Das obige ist der detaillierte Inhalt vonIn HTML ändert die gesamte Zeile ihre Farbe, wenn die Maus darüber bewegt wird. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!