Mettre une image de fond avec du css
Résolu
Lawken
-
Lawken -
Lawken -
Bonjour,
J'aimerai s'il vous plait savoir comment faire pour mettre une image de fond sur ma page web avec du css?
En fait je saisi pas trop l'url qu'il faut donnet avant les parenthèses qui je crois doivent contenir, le nom du dossier et le fichier image que je veux uploader sur la page.
merci d'avance
J'aimerai s'il vous plait savoir comment faire pour mettre une image de fond sur ma page web avec du css?
En fait je saisi pas trop l'url qu'il faut donnet avant les parenthèses qui je crois doivent contenir, le nom du dossier et le fichier image que je veux uploader sur la page.
merci d'avance
A voir également:
- Mettre une image de fond avec du css
- Comment mettre une vidéo en fond d'écran - Guide
- Enlever le fond d'une image - Guide
- Légender une image - Guide
- Image iso - Guide
- Mettre une image en fond sur word sur une seule page - Guide
4 réponses
Admettons que ta page s'appelle img.png et qu'elle soit dans le dossier toto qui est à la racine du serveur, ça te donne :
N.B : tu peux remplacer repeat par no-repeat ou repeat-x ou repeat-y, ce qui te donnera respectivement : une image qui ne se répéte pas, qui se répète sur la longueur, qui se répète sur la largeur...
Dans ces cas, précise après si tu veux que les images soient : fixed (fixe), ou autre (cf tuto du site du zéro)
A+
body{
background: url("/toto/img.png") repeat;
}
N.B : tu peux remplacer repeat par no-repeat ou repeat-x ou repeat-y, ce qui te donnera respectivement : une image qui ne se répéte pas, qui se répète sur la longueur, qui se répète sur la largeur...
Dans ces cas, précise après si tu veux que les images soient : fixed (fixe), ou autre (cf tuto du site du zéro)
A+
Salut,
La syntaxe est la suivante.
Situes-toi dans la bonne division (body, conteneur, ...)
Tu peux rajouter selon l'image repeat-y; ou repeat-x; éventuellement pour la dupliquer horizontalement ou verticalement.
La syntaxe est la suivante.
Situes-toi dans la bonne division (body, conteneur, ...)
background: url("images/imagedefond.jpg")
Tu peux rajouter selon l'image repeat-y; ou repeat-x; éventuellement pour la dupliquer horizontalement ou verticalement.
Tout est expliqué clairement ici
https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3#ss_part_3
https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3#ss_part_3