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> :root { --primary-bg-color: #1e90ff; --primary-color: #ffffff; } body { couleur de fond: var(--primary-bg-color); } .container { couleur: var(--primary-bg-color); couleur de fond: var(--primary-color); padding: 15px; } .container h2 { border-bottom: 2px solide var(--primary-bg-color); } .container .note { --note-border-color: red; /* nouvelle variable locale */ bordure: 1px solide var(--note-border-color); padding: 10px; } </style> </head> <body> <h1>Nouvelle variable locale</h1> <div class="container"> <h2>Lorem Ipsum</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit.</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit.</p> <p class="note">Ceci est une note !</p> </div> </body> </html>