Gestion des Images de Fond en CSS

Répétition d'une image de fond
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre CSS 3
Revoir le teaser Je m'abonne
4,5
Transcription

89,00€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis
4,5
89,00€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Les objectifs de cette vidéo sont :
- Comprendre la propriété background-repeat en CSS.
- Savoir utiliser les différentes valeurs de background-repeat pour la répétition des images de fond.
- Appliquer ces connaissances pour créer des designs web attrayants et professionnels.

Apprenez à gérer la répétition des images de fond en CSS pour améliorer le design de vos pages web.

Dans cette leçon, nous explorons la propriété background-repeat en CSS, permettant de contrôler la répétition des images de fond sur une page web. Cette propriété peut recevoir plusieurs valeurs telles que no-repeat, repeat-x, repeat-y, et repeat. Nous démontrons comment chaque valeur influence l'affichage de l'image, en fournissant des exemples concrets et des scénarios d'utilisation.

En définissant background-repeat: no-repeat, l'image ne se répète pas et se place en haut à gauche de la page. Avec repeat-x, l'image se répète horizontalement, tandis qu'avec repeat-y, elle se répète verticalement. Enfin, la valeur repeat permet à l'image de se répéter à la fois horizontalement et verticalement, couvrant toute la surface du conteneur.

Comprendre et maîtriser ces propriétés vous permet de créer des designs plus attrayants et professionnels pour vos projets web.

Voir plus
Questions réponses
Quelle est la valeur par défaut de la propriété 'background-repeat' en CSS ?
La valeur par défaut de 'background-repeat' en CSS est 'repeat', où l'image de fond se répète à la fois horizontalement et verticalement.
Quelles sont les valeurs possibles pour 'background-repeat' en CSS ?
Les valeurs possibles pour 'background-repeat' en CSS sont 'no-repeat', 'repeat', 'repeat-x', et 'repeat-y'.
Comment empêcher une image de fond de se répéter en CSS ?
Pour empêcher une image de fond de se répéter en CSS, on utilise la valeur 'no-repeat' pour la propriété 'background-repeat'.

Programme détaillé

4 commentaires
4,5
4 votes
5
4
3
2
1
pierre.hiroux
Il y a 5 months
Commentaire
La formation est divisée en 90 modules sans lien entre eux et sans progression pédagogique. Il faut les réorganiser par thème pour donner plus de cohérence et donner de la progression pédagogique à la formation. Multiples fautes d'orthographe dans les textes.
henridjithat
Il y a 1 year
Commentaire
Très bonne formation, étant débutant j'ai beaucoup appris.
yvan.vogel
Il y a 2 years
Commentaire
J'en suis arrivé au bout.. Un vrai marathon. Très longue formation, à mon avis c'est plutôt 30h de cours et non pas 15h.
Après c'est une formation hyper claire et détaillée. L'auteur a fait un panorama complêt sur le CSS3.
g.vanleynseele
Il y a 3 years
Commentaire
Cours très clair et très bien expliqué! Par contre il manque la moitié des fichiers de travail !