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> #grad1 { hauteur: 200px; background-color: red; /* Pour les navigateurs qui ne prennent pas en charge les dégradés */ image-de-fond: dégradé-linéaire(rouge, jaune, vert); } #grad2 { height: 200px; background-color: red; /* Pour les navigateurs qui ne supportent pas les dégradés */ image-de-fond: dégradé-linéaire(rouge, orange, jaune, vert, bleu, indigo, violet); } #grad3 { hauteur: 200px; background-color: red; /* Pour les navigateurs qui ne prennent pas en charge les dégradés */ background-image: linear-gradient(rouge 10%, vert 85%, bleu 90%); } </style> </head> <body> <h1>Dégradés Linéaires - Arrêts de Couleur Multiples</h1> <p><strong>Remarque :</strong>Les arrêts de couleur sont espacés uniformément lorsque aucun pourcentage n'est spécifié.</p> <h2>3 Arrêts de couleur (espacés uniformément) :</h2> <div id="grad1"></div> <h2>7 Arrêts de couleur (espacés uniformément) :</h2> <div id="grad2"></div> <h2>3 Arrêts de couleur (pas également espacés) :</h2> <div id="grad3"></div> </body> </html>