Das ist ein Link

Das ist ein Link

Klicke irgendwo auf die Seite und klicke mit der Tabulatortaste bis der Focus auf einem link liegt. Berühre diesen Link mit der Maus. Durch Klicken wird der Active Zustand ausgelöst. Die hier aufgeführte Reihenfolge sollte eingehalten werden.

  1. :focus wird beim Auswählen der Hyperlinks mit der Tabulator-Taste aktiv. Hintergrundfarbe orange.
  2. :hover wird beim Überfahren der Hyperlinks mit der Maus aktiv. Die Hintergrundfarbe hellblau.
  3. :active wird beim Aktivieren (Klicken und Festhalten) der Hyperlinks aktiv. Hintergrundfarbe rosa.

 

a:focus { background-color: #F90;}
a:hover { background-color: #B1FEF9; }
a:active { background-color: #FAB;}