Pseudoklassen: Zustände
Boxenfarben ändern
Bauen Sie eine HTML-Seite mit einer
div-Box und Text darin (erste
Abbildung). Die
Schriftfarbe und
die Hintergrundfarbe sollten unterschiedlich sein, dabei sollte die Schriftfarbe
dunkler als der Hintergrund sein.
Wenn der Benutzer mit der Maus über die Box fährt, sollten die Farben invertiert
werden, d.h.,
die Schriftfarbe bekommt
die bisherige Hintergrundfarbe und umgekehrt (zweite Abbildung). Bewegt der Benutzer
die Maus wieder weg, sollten die ursprünglichen
Farben angezeigt werden.
Kontrolle der eigenen Lösung
Überprüfen Sie hier
Ihre Lösung. Sie sind mit dieser Teilaufgabe erst fertig, wenn die Tests keine Fehler
zeigen und Ihre Boxen aussehen wie in der Abbildung.
Boxengröße ändern
Bauen Sie eine HTML-Seite mit einer Box und Text darin (erste Abbildung).
Wenn der Benutzer mit der Maus über die Box fährt, sollten die Boxenbreite und -höhe
um 50% wachsen.
Klickt der Benutzer die Box an, so soll sie noch mal um weitere 50% der
ursprünglichen Größe wachsen.
Bewegt der Benutzer die Maus wieder weg, sollte die Box wieder in ihrer
ursprünglichen
Größe angezeigt werden.
Kontrolle der eigenen Lösung
Überprüfen Sie hier
Ihre Lösung. Sie sind mit dieser Teilaufgabe erst fertig, wenn die Tests keine Fehler
zeigen und Ihre Boxen aussehen wie in der Abbildung.