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!

MySQL lösen: FEHLER 1045 (28000): Zugriff verweigert für Benutzer ‚root‘@‚localhost‘ (mit Passwort: NEIN/JA)

Artikel

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

Mehrere Möglichkeiten zum Verbinden von Tabellen in MySQL

jQuery zum Erzielen eines gleitenden Treppeneffekts

Installations-Tutorial zur dekomprimierten Version von MySQL 5.7.23 für WinX64

MySQL lösen: FEHLER 1045 (28000): Zugriff verweigert für Benutzer ‚root‘@‚localhost‘ (mit Passwort: NEIN/JA)

Analyse der Verwendung von Schleifenanweisungen (WHILE, REPEAT und LOOP) in gespeicherten MySQL-Prozeduren

Zusammenfassung der allgemeinen APIs und erweiterten APIs von Vue

Von VirtualBox erstellte virtuelle Debian-Maschine teilt Dateien mit dem Windows-Host

Verlieben Sie sich in die einfachen CSS-Details, obwohl unbedeutend, können die Effizienz verbessern

Detaillierte Schritte zum Upgrade von mysql8.0.11 auf mysql8.0.17 unter Win2008

So löschen Sie Standardformate und legen allgemeine Formate in CSS fest

Artikel empfehlen

Erste Zusammenfassung des Website-Erstellungs-Tutorials für Anfänger

Die Standard-HTML-Schreibmethode unterscheidet sich von der von Dreamweaver automatisch generierten

Nginx-Installation und Umgebungskonfiguration unter Windows (Ausführen von Nginx als Dienst)

Analyse des Prozesses zum Bereitstellen reiner HTML-Dateien in Tomcat und WebLogic

JS+CSS zur Realisierung einer dynamischen Uhr

Detaillierte Erläuterung der Probleme und Lösungen beim flexiblen Mehrspaltenlayout

Detailliertes Beispiel des MySQL InnoDB-Sperrmechanismus

Diagramm zum Implementierungsprozess der Linux-Jenkins-Konfigurations-Salve-Knoten

Analysieren Sie die Kompilierung und das Brennen des Linux-Kernels und des Gerätebaums

Zusammenfassung verschiedener Implementierungsmethoden zur Sicherung von MySQL-Datenbanken

Methoden zur Installation und Deinstallation der virtuellen Python-Umgebung sowie aufgetretene Probleme

JavaScript-Fehlerbehandlung try..catch...finally + umfasst throw+TypeError+RangeError

Fehlerbehebung bei der Ursache des 502 Bad Gateway-Fehlers auf dem Nginx-Server

Detaillierte Schritte zur Verwendung von AES.js in Vue

MySQL 5.7.17 Installations- und Konfigurations-Tutorial unter Linux (Ubuntu)