Copyright

Annonces Google

Tutoriels Informatiques

TICE & Multimédias

Math-pour-Informatiques

Anglais pour débutants

Nous somme sur Facebook

Utilisateurs en ligne

Users: 3 Guests, 1 Robot
Gearbest  promotion

Annonces Google



Archives mensuelles : décembre 2013

La propriété background comme son nom l’indique, nous permet de modifier l’arrière plan de notre page web: on peut mettre une couleur de notre choix , on peut mettre aussi une belle image comme arrière plan…

1 – background-color

Cette propriété s’utilise pour modifier la couleur de l’arrière plan d’un élément.

Exemple : coloration de l’arrière plan en rouge :

2 – background-image

Cette propriété est utilisé pour mettre une image en arrière plan d’un élément. L’image est automatiquement répété pour recouvrir la totalité de l’élément en question.

Exemple :

3 – background-repeat

Cette proprièté définit la façon suivant laquelle l’image doit se répéter.

Exemple : background sans répétition de l’image

Exemple : background avec répétition horizontale de l’image ( repeat-x)

Exemple : background avec répétition verticale de l’image ( repeat-y)

4 – background-position

Cette propriété est utilisé pour détérminer la position de l’image sur l’arrière plan en utilisant Les mots-clés suivants :

top           =   image au centre/haut de la page ou du bloc.
center     =   image au centre/centre de la page ou du bloc.
bottom   =   image au centre bas de la page ou du bloc..
right       =   image au centre/droit de la page ou du bloc.
left          =   image au centre/gauche de la page ou du bloc.

Exemple : background avec  une image palcée en haut à gauche

Remarque : On porra aussi utiliser le % pour le positionnement de l’image

 

Exemple : Pour positionner l’image en haut à droite on utilise le code :

Exemple : Pour positionner l’image au milieu de la page on utilise le code :

 

5. Tutoriel Vidéo