Heim > Web-Frontend > HTML-Tutorial > In HTML ändert die gesamte Zeile ihre Farbe, wenn die Maus darüber bewegt wird

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

墨辰丷
Freigeben: 2018-06-04 15:45:25
Original
3175 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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage