{"id":148521,"date":"2025-05-19T15:54:47","date_gmt":"2025-05-19T12:54:47","guid":{"rendered":"https:\/\/elementor.com\/help\/onglet-style-arriere-plan\/"},"modified":"2025-05-19T15:54:47","modified_gmt":"2025-05-19T12:54:47","slug":"onglet-style-arriere-plan","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/fr\/onglet-style-arriere-plan\/","title":{"rendered":"Onglet Style – arri\u00e8re-plan"},"content":{"rendered":"\n

[callout title=\u00a0\u00bbQui peut utiliser cette fonctionnalit\u00e9 :\u00a0\u00bb]Cet article est destin\u00e9 aux utilisateurs de l’\u00c9diteur v4. Si vous utilisez l’\u00c9diteur v3, consultez l’article correspondant ici : Onglet avanc\u00e9<\/a> [\/callout]<\/p>\n\n\n\n

<\/p>\n\n\n\n

L’ajout d’un arri\u00e8re-plan aux \u00e9l\u00e9ments est une partie importante de toute conception web. Il peut aider l’\u00e9l\u00e9ment \u00e0 se d\u00e9marquer, permettre de superposer du texte sur des images ou simplement am\u00e9liorer l’apparence de la page. <\/p>\n\n\n\n

Les arri\u00e8re-plans des \u00e9l\u00e9ments peuvent incorporer des couleurs, des d\u00e9grad\u00e9s et des images. Ces arri\u00e8re-plans peuvent contenir plusieurs couches, permettant de cr\u00e9er diff\u00e9rents effets comme la superposition de texte et d’images. Pour plus de d\u00e9tails, consultez Ajouter un arri\u00e8re-plan multicouche<\/a>.   <\/p>\n\n\n\n

Ajouter un arri\u00e8re-plan \u00e0 un \u00e9l\u00e9ment<\/h2>\n\n\n\n

Pour ajouter un arri\u00e8re-plan<\/strong> : <\/p>\n\n\n\n

    \n
  1. Ouvrez l’\u00e9diteur elementor.
    \"\"<\/li>\n\n\n\n
  2. Cliquez sur l’onglet Style<\/strong>.
    \"\"<\/li>\n\n\n\n
  3. Ouvrez le champ Arri\u00e8re-plan<\/strong>. 
    \"\"<\/li>\n\n\n\n
  4. Pour ajouter une couleur, cliquez sur l’\u00e9chantillon de couleur ou ajoutez un code dans la zone de texte. Pour plus de d\u00e9tails, consultez Utiliser le s\u00e9lecteur de couleurs<\/a>. <\/li>\n\n\n\n
  5. Pour ajouter une image :
    \"\"\n
      \n
    1. Cliquez sur le signe plus \u00e0 c\u00f4t\u00e9 de Superposition<\/strong>. 
      \"\"<\/li>\n\n\n\n
    2. Survolez le champ d’image et choisissez de t\u00e9l\u00e9verser ou de s\u00e9lectionner une image. Pour plus de d\u00e9tails, consultez Ajouter des images et des ic\u00f4nes<\/a>.
      \"\"<\/li>\n\n\n\n
    3. Ajoutez des options pour l’image. Voir  Options d’image<\/a> ci-dessous.
      \"\"<\/li>\n<\/ol>\n<\/li>\n\n\n\n
    4. Pour ajouter un d\u00e9grad\u00e9, s\u00e9lectionnez D\u00e9grad\u00e9<\/strong> dans le panneau sup\u00e9rieur. Voir Options de d\u00e9grad\u00e9<\/a> ci-dessous. <\/li>\n\n\n\n
    5. (Facultatif) Vous pouvez ajouter plus de couches \u00e0 l’arri\u00e8re-plan. Ces couches peuvent \u00eatre des couleurs, des images et\/ou des d\u00e9grad\u00e9s. Pour plus de d\u00e9tails, consultez Ajouter un arri\u00e8re-plan multicouche<\/a>. <\/li>\n<\/ol>\n\n\n\n

      Options d’image<\/h2>\n\n\n\n

      Apr\u00e8s avoir s\u00e9lectionn\u00e9 une image, vous disposez de plusieurs options pour son affichage.<\/p>\n\n\n\n