So ändern Sie die Farbe der gesamten Zeile (tr), wenn die Maus in HTML stoppt

So ändern Sie die Farbe der gesamten Zeile (tr), wenn die Maus in HTML stoppt

Verwenden Sie reines CSS, um die Hintergrundfarbe einer Zeile zu ändern, wenn die Maus darüber bewegt wird, um anzuzeigen, dass die Zeile im Fokus ist:

<html>
<Kopf>
<meta charset="utf-8"/>
<title>ändern</title>
<style type="text/css">
  tr.ändern:hover
  {
    Hintergrundfarbe: #00FF00
  }
</Stil>
</Kopf>
<Text>
<h1>Farbe ändern, wenn die Maus angehalten wird</h1>
<Tabelle Breite="80%" Rahmen="1" Ausrichtung="Mitte">
  <tr class="ändern">
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr class="ändern">
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</Tabelle>
</body>
</html>

Oben habe ich Ihnen gezeigt, wie Sie die Farbe der gesamten Zeile (tr) ändern können, wenn die Maus in HTML anhält. Ich hoffe, es wird Ihnen helfen. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und ich werde Ihnen rechtzeitig antworten. Ich möchte auch allen für ihre Unterstützung der Website 123WORDPRESS.COM danken!

<<:  Einführung in die Installation des Vim-Plugins unter Linux

>>:  Detaillierte Untersuchung der MySQL-Mehrversions-Parallelitätskontrolle MVCC

Artikel empfehlen

Analyse der zum Ausführen von Docker erforderlichen Berechtigungen

Zum Ausführen von Docker sind Root-Rechte erforde...

Zusammenfassung gängiger Begriffe in CSS (Cascading Style Sheet)

Wenn Sie CSS verwenden, vergessen Sie nicht, DOCTY...

js regulärer Ausdruck Lookahead und Lookbehind und nicht erfassende Gruppierung

Inhaltsverzeichnis Kombinieren von Lookahead und ...

Installieren Sie Linux mithilfe einer virtuellen VMware-Maschine (CentOS7-Image).

1. VMware herunterladen und installieren Verknüpf...

So stellen Sie die LNMP-Architektur im Docker bereit

Umweltanforderungen: IP Hostname 192.168.1.1 Knot...

Zusammenfassung der MySQL-Entwicklungsstandards und -Nutzungskenntnisse

1. Namenskonventionen 1. Datenbanknamen, Tabellen...

Tomcat Server Erste Schritte Super ausführliches Tutorial

Inhaltsverzeichnis 1. Einige Konzepte von Tomcat ...

Erklärung der Funktionsweise und Verwendung von Redux

Inhaltsverzeichnis 1. Was ist Redux? 2. Das Redux...

Codebeispiele für den Import und Export von Docker-Images

Import und Export von Docker-Images Dieser Artike...

Beispielcode einer in Vue3 gekapselten Lupenkomponente

Inhaltsverzeichnis Komponenteninfrastruktur Zweck...

So verwenden Sie das Marquee-Tag im XHTML-Code

Im Forum habe ich gesehen, dass der Internetnutzer...