Problème de compréhension

[Caramiel]

Bonjour à vous !
Voilà je viens de découvrir ce tuto et j'ai donc essayé les codes proposés à plusieurs reprises et voilà ce que j'obtiens à chaque fois au final (voir spoiler) ou alors l'image ne s'affiche plus du tout.

Aperçu:

Alors j'aimerais que l'image soit comme ici : placée au milieu du cadre et sans répétition de la dite image.
Voici donc mon problème ; je n'arrive pas à utiliser, intégrer la modification suivante dans le code CSS d'origine

Vous pouvez encore choisir de personnaliser ce fond :

background-repeat :
--- repeat-y : répète le fond sur l’axe vertical
--- repeat-x : répète le fond sur l’axe horizontal
--- no-repeat : empêche le fond de se répéter

background-position :
--- top / middle / bottom : aligne l’image sur l’axe vertical
--- left / center / right : aligne l’image sur l’axe horizontal

En clair je ne sais pas où placer le " --- no-repeat " ou le " --- left ", je le fais peut être mal aussi. Donc voilà désolée de déranger pour une chose que certains trouvent simple comme " Bonjour " mais moi et les codes CSS ça fait 2 ! Je ne fais que copier et coller !

Donc voilà j'espère avoir des réponses et je remercie d'avance pour l'aide qui me sera apportée.

[stefou]

Bonjour,

Ce code devrait fonctionner ou t'aider --> ICI

[Caramiel]

Merci beaucoup !
Le code fonctionne et je crois avoir compris le fonctionnement pour d'éventuels nouveaux code.

Encore merci !

PS : Désolée pour les modérateurs je n'avais pas vu qu'un sujet sur ça avait déjà été créé