vollständig
gekürzt
<!DOCTYPE html> <html lang="de"> <head> <meta charset="utf-8"> <title>HCL091 Pseudoklassen (Buttons)</title> <style> .schalter:link { text-decoration: none; font-size: x-large; padding: 10px; border: 2px groove gray; border-radius: 10px; background: LightGray; color: black; } .schalter:focus, .schalter:hover, .schalter:active { background: blue; color: white; } </style> </head> <body> <a href="kontakt.html" class="schalter">Kontakte</a> <a href="about.html" class="schalter">Über uns</a> </body> </html>
