Exécuter
❯
Exécuter le code
Ctrl+Alt+R
Enregistrer le code
Ctrl+Alt+A
Changer d'orientation
Ctrl+Alt+O
Changer de thème
Ctrl+Alt+D
<!DOCTYPE html> <html> <head> <style> ul { list-style-type: none; marge: 0; padding: 0; débordement: caché; couleur de fond: #333333; } li { flottant : gauche ; } li a { afficher: bloc; couleur: blanc; text-align: center; padding: 16px; text-decoration: none; } li a:hover { couleur de fond: #111111; } </style> </head> <body> <h2>Menu de navigation</h2> <p>Dans cet exemple, nous utilisons CSS pour styliser la liste horizontalement, afin de créer un menu de navigation :</p> <ul> <li><a 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> </body> </html>