--- title: "Arrière-plan : couleur, dégradé ou image de fond" description: "Définissez le fond d'un élément ou d'une section parmi quatre modes : couleur unie, dégradé de couleurs, image ou aucun remplissage." url: https://docs.vivlab.com/editor/style/background --- # Arrière-plan La rubrique **Arrière-plan** définit le fond d'un élément, d'une section ou d'un bloc. Quatre modes sont proposés : **Couleur unie**, **Dégradé de couleurs**, **Image** ou **Aucun remplissage**. Un **dégradé** fait passer progressivement d'une couleur à une autre. Chaque couleur ajoutée à la liste est un point de ce passage, appelé **arrêt**. Un fond **transparent** laisse voir ce qui se trouve derrière l'élément. ## Choisir un type de remplissage Le sélecteur **Type de remplissages** en haut bascule entre les quatre modes. Tant que la rubrique reste ouverte, Vivlab garde en mémoire le réglage que vous aviez sur chaque mode : si vous passez de **Couleur unie** à **Dégradé de couleurs** puis revenez à **Couleur unie**, votre couleur initiale est restaurée. ## Couleur unie Mode **Couleur unie** : un seul réglage, **Couleur de l'arrière plan**. Utilisez le sélecteur de couleur classique. Les couleurs de votre [thème](https://docs.vivlab.com/sections/themes-brands.md) apparaissent en raccourci pour garder une identité cohérente. ## Dégradé de couleurs Mode **Dégradé de couleurs** : un grand carré affiche le rendu du dégradé. Glissez à l'intérieur de la zone pour modifier le **sens du dégradé** (l'angle s'affiche en degrés au centre). En dessous, la liste des couleurs définit les étapes du dégradé. Cliquez sur **+** pour ajouter une couleur intermédiaire, sur une couleur existante pour la modifier (réglage **Couleur du dégradé**), ou sur les actions de la liste pour la **dupliquer** ou la **supprimer**. Un dégradé a au moins deux couleurs ; vous pouvez en empiler autant que vous voulez pour créer des transitions complexes. ## Image Mode **Image** : cliquez sur **Modifier l'image** pour importer un fichier (JPEG, PNG, WebP, AVIF, GIF). Une fois l'image chargée : - L'option **Basculer l'image en motif répété** alterne entre couvrir tout le bloc avec l'image et la répéter en motif. Activez le motif pour des arrière-plans avec textures (papier, bois, papier peint…). - En mode motif, **Taille du motif** règle le pourcentage de zoom du motif (de 1 à 100 %), et **Position verticale** + **Position horizontale** déplacent le point de départ. ## Aucun remplissage Mode **Aucun remplissage** : l'arrière-plan est transparent. Le bloc laisse voir ce qui se trouve derrière (la section parente, la couleur de la page). Si un élément parent a son propre fond, un message dans la rubrique signale que le fond transparent le laisse apparaître. ## Flou d'arrière-plan Le curseur **Flou d'arrière-plan** (0 à 20 px) floute ce qui apparaît derrière le bloc, quel que soit le type de remplissage. Combiné à une couleur unie semi-transparente, il donne un effet de verre dépoli, par exemple pour un en-tête qui reste lisible au-dessus des images pendant le défilement. ## Réinitialiser Le bouton **Réinitialiser les paramètres** efface complètement l'arrière-plan et bascule en mode **Aucun remplissage**.