Exécuter
❯
Exécuter le code
Ctrl+Alt+R
Sauvegarder le code
Ctrl+Alt+A
Changer d'orientation
Ctrl+Alt+O
Changer de thème
Ctrl+Alt+D
<!DOCTYPE html> <html> <head> <style> body { marge: 0; padding: 0; } h2, p { marge: 10px; } ul { list-style-type: none; marge: 0; padding: 0; couleur de fond: #333333; afficher: flex; } ul li a { afficher: bloc; couleur: blanc; padding: 14px 16px; text-decoration: none; } ul li a:hover:not(.active) { couleur-de-fond: #111111; } ul li a.active { couleur-de-fond: #D74444; } </style> </head> <body> <ul> <li><a class="active" href="#home">Accueil</a></li> <li><a href="#news">Nouvelles</a></li> <li><a href="#contact">Contact</a></li> <li><a href="#about">À propos</a></li> </ul> <h2>Barre de navigation horizontale avec .active</h2> <p>Du texte sur le site web.</p> </body> </html>