🏆 Challenge #N6 · Backgrounds HTML · challenges/N6_backgrounds.html CSS · challenges/css/N6_backgrounds.css


À faire

  • À faire
  • Terminé
  • En cours
  • Incomplet
  • Blocage

Mémo

background-color: red | #F56E28 | rgb(245, 110, 40) | rgba(245, 110, 40, 1); // Défini un fond de couleur


background-image: url('illustration.png'); // Défini une image en fond
background-size: cover | contain | auto | 100% 50% | top left; // Défini la taille du fond
background-position: top | right | left | bottom | top left...; // Défini la position du fond
background-repeat: repeat | no-repeat; // Défini si un fond doit être répété

1️⃣ Manipulez les fonds d'éléments

Pour chaque boîte, définissez les fonds nécessaires pour atteindre le résultat attendu. La 3ème boîte doit être une répétition du même gif (cliquez-ici pour télécharger le gif utilisé dans le résultat attendu).

🎯 Résultat attendu

Résultat attendu