CSS bewirkt, dass sich die Farbe der gesamten Linie ändert, wenn die Maus darauf platziert wird

Zusammenfassung:

Im Folgenden finden Sie eine Methode zum Ändern der Farbe der gesamten Zeile, wenn die Maus in CSS auf eine angegebene Zeile bewegt wird, wie unten gezeigt:

Umsetzungsideen:

Verwenden Sie die Pseudoklasse :hover, um die Hintergrundfarbe zu ändern, wenn die Maus darauf zeigt, wie im folgenden Beispiel gezeigt:

Beispiel:

Wenn die Maus auf das darunterliegende Div bewegt wird, ändert sich die Hintergrundfarbe entsprechend.

<!DOCTYPE html>
<html>
<Kopf>
<meta charset="utf-8">
<meta name="author" content="http://www.maomao365.com/" />
<title>Maomao-Anleitung (www.maomao365.com)</title>
<style type="text/css">
div{
  Überlauf: versteckt;
  Leerzeichen:nowrap;
  Höhe: 30px;
  Breite: 250px; 
  Hintergrundfarbe: weiß;
  Farbe: Schwarz;
}
.divTest:hover{
  Hintergrundfarbe: blau;
  Farbe: weiß;
}
</Stil>
</Kopf>
<Text>
<div class="divTest">Wenn die Maus über das Div bewegt wird, ändert sich die Hintergrundfarbe</div>
</body>
</html>

Zusammenfassen

Oben ist das CSS, das Ihnen der Editor vorgestellt hat, um den Farbänderungseffekt der gesamten Linie zu erzielen, wenn die Maus darauf platziert wird. Ich hoffe, es wird Ihnen hilfreich sein!

Detaillierte Erläuterung des chinesischen Konfigurationsschemas my.ini zur MySql-Optimierung: InnoDB, 4 GB Speicher und mehrere Abfragen

Artikel

CSS bewirkt, dass sich die Farbe der gesamten Linie ändert, wenn die Maus darauf platziert wird

Detaillierte Erläuterung des chinesischen Konfigurationsschemas my.ini zur MySql-Optimierung: InnoDB, 4 GB Speicher und mehrere Abfragen

MySQL 1130-Ausnahme, Remote-Anmeldung nicht möglich – Lösung

Vue implementiert Beispielcode zum Ziehen von Dateien vom Desktop auf eine Webseite (kann Bilder/Audio/Video anzeigen)

So verwenden Sie JS zum Parsen des Excel-Inhalts in der Zwischenablage

Richtige Schritte zur Installation von Nginx unter Linux

HTML als Startseite festlegen und zu Favoriten hinzufügen_Powernode Java Academy

Reines CSS-Problem mit benutzerdefinierten mehrzeiligen Auslassungspunkten (vom Prinzip bis zur Implementierung)

Detaillierter Installationsprozess und Konfiguration von mysql5.7.19 zip

Hinweise zur Groß-/Kleinschreibung bei MySQL

So installieren Sie Solr 8.6.2 in Docker und konfigurieren den chinesischen Wortsegmentierer

Artikel empfehlen

Detaillierte Erläuterung des Ansichtsbeispiels zur MySQL-Ansichtsverwaltung [Hinzufügen-, Löschen-, Ändern- und Abfragevorgänge]

Implementierungsprinzip und Skriptcode der HTML-Rabattpreisberechnung

Lösung für das Problem, dass das direkte Festlegen der Breite und Höhe eines Hyperlinks nicht funktioniert

Der Aufruf der Suchmaschine auf der Seite erfolgt am Beispiel von Baidu

Lösung für das Problem, dass nach einem Neustart von Ubuntu in VMWare kein Zugriff auf das Internet möglich ist

Eine einfache Möglichkeit, mit dem HTML-Tag „Marquee“ einen Scroll-Effekt zu erzielen (unbedingt lesen)

Grafisches Tutorial zur Installation eines Mac-Systems in einer virtuellen Maschine unter Win10

OpenLayers realisiert die Methode zur aggregierten Anzeige von Punkt-Feature-Layern

Zwei einfache Möglichkeiten, Textwasserzeichen von Webseiten zu entfernen

Überblick und Einführung in das Linux-Betriebssystem

Tutorial zum Einrichten geplanter Aufgaben zum Sichern der Oracle-Datenbank unter Linux

Kennen Sie die Bedeutung von Sonderzeichen in URLs?

Implementieren eines binären Suchbaums in JavaScript

So fügen Sie einem Hintergrundbild in CSS3 eine Farbmaske hinzu

HarborRestart-Vorgang nach dem Ändern der Konfigurationsdatei