Mettre une image de fond avec du css
Résolu/Fermé
A voir également:
- Mettre une image de fond avec du css
- Image iso - Guide
- Comment mettre une vidéo en fond d'écran - Guide
- Comment agrandir une image - Guide
- Acronis true image - Télécharger - Sauvegarde
- Image libre de droit gratuite google - Guide
4 réponses
hack_net
Messages postés
783
Date d'inscription
lundi 5 mars 2007
Statut
Membre
Dernière intervention
5 juin 2014
51
20 mai 2010 à 13:26
20 mai 2010 à 13:26
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+
crapoulou
Messages postés
28161
Date d'inscription
mercredi 28 novembre 2007
Statut
Modérateur, Contributeur sécurité
Dernière intervention
21 mai 2024
7 994
20 mai 2010 à 13:27
20 mai 2010 à 13:27
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.
ratikuss
Messages postés
1996
Date d'inscription
vendredi 8 juin 2007
Statut
Membre
Dernière intervention
14 décembre 2016
262
20 mai 2010 à 13:28
20 mai 2010 à 13:28
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