Mettre une image de fond avec du css
Résolu/Fermé
A voir également:
- Mettre une image de fond avec du css
- Recherche par image - Guide
- Image iso - Guide
- Agrandir une image - Guide
- Faststone image viewer - Télécharger - Visionnage & Diaporama
- Acronis true image - Télécharger - Sauvegarde
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
28096
Date d'inscription
mercredi 28 novembre 2007
Statut
Modérateur, Contributeur sécurité
Dernière intervention
6 avril 2023
8 004
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
2004
Date d'inscription
vendredi 8 juin 2007
Statut
Membre
Dernière intervention
14 décembre 2016
261
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