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> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> * { box-sizing: border-box; } body { marge: 0; padding: 0; } header { couleur-de-fond: #f1f1f1; padding: 10px; text-align: center; } /* Styliser la barre de navigation supérieure */ ul.topnav { afficher: flex; list-style-type: none; marge: 0; padding: 0; couleur-de-fond: #333333; } /* Styliser les liens dans la barre de navigation */ ul.topnav li a { afficher: bloc; couleur: #f1f1f1; padding: 14px 16px; text-decoration: none; } /* Changer la couleur au survol */ ul.topnav li a:hover { couleur-de-fond: #dddddd; couleur: noir; } </style> </head> <body> <header> <h1>Mon En-tête</h1> </header> <ul class="topnav"> <li><a href="#">Accueil</a></li> <li><a href="#">Nouvelles</a></li> <li><a href="#">Contactez</a></li> <li><a href="#">À propos</a></li> </ul> </body> </html>