vollständig
gekürzt
<!DOCTYPE html> <html lang="de"> <head> <meta charset="utf-8"> <title>HCL135 Transformieren</title> <style> nav {margin-top: 2em;} .register { height:2em; display:inline-block; border-radius:5px 5px 0px 0px; padding:10px; border: 2px solid black; } .register:hover {transform: translateY(-0.7em);} #inhalt { background-color:#FFF; border:1px solid green; height:10em; transform:translateY(-1em); } </style> </head> <body> <nav> <span class="register">Start</span> <span class="register">Infos</span> <span class="register">Stammdaten</span> </nav> <div id="inhalt">Register A</div> </body> </html>
