Modifier la couleur de fond, code HTML et CSS, un image de fond (background image)
Couleur de fond de la page

Couleur de fond de la page avec une image ex: background image

Background

Vous pouvez définir directement en CSS le fond d'une page HTML et meme une image.
Exemple avec la balise BODY :
body { background-color:: #eeeeee; font-family: Verdana, Geneva, Arial; font-size : 12px;

Valeurs possibles :

  1. background-color
  2. background-image
  3. background-attachment
  4. background-repeat
  5. background-position
(!) A savoir : Vous pouvez définir chaque propriétées individellement.

Couleur de fond

Plus simplement, vous pouvez définir une couleur de fond pour votre page HTML : background-color: valeur;

Valeurs possibles :
  1. Nom de la couleur
  2. hexadecimal number
  3. RGB color code
  4. transparent

D'accord, mais tu peux donner un exemple ? : Voir un exemple de background color en css

Mettre une image en fond: background image

code CSS

Vous pouvez mettre une image en fond de vos page HTML : background-image: url(URL_de_image);
Valeurs possibles :

  1. url
  2. none (rien)
Voir un exemple

Background-attachment : Fond avec une image

Cette propriété "background-attachment" permet de définir si une image reste fixe ou suit le mouvement de la page lors du scroll.

Valeurs possibles :
  1. fixed
  2. scroll
Voir un exemple background-attachment en css

Répétion de l'image

Cette propriété "background-repeat" permet de placer une image en fond de page qui va etre définie suivant les valeurs adoptées :
background-repeat: valeur;
Valeurs possibles :
  1. no-repeat
  2. repeat
  3. repeat-x
  4. repeat-y
D'accord, mais tu peux donner un exemple ? : Voir un exemple de background-attachment en CSS

code CSS

Position de l'image de fond

Vous pouvez définir la position de l'image de fond avec précision: background-position: valeur;

Valeurs possibles :
  1. top left
  2. top center
  3. top right
  4. center left
  5. center center
  6. center right
  7. bottom left
  8. bottom center
  9. bottom right
  10. x-% y-%
  11. x-pos y-pos

Les unitées possibles sont : cm, em, in, mm, px, pt, pc.

Il est possible de combiner des valeurs de pourcentage avec des valeurs de longueur (ex. 50% 2cm).
D'accord, mais tu peux donner un exemple ? : Voir un exemple de background-position en CSS
Gestion des bordures en CSS >>>

Voulez-vous laisser une note ou un commentaire ?

Avis sur la page http://www.cssdebutant.com/coder-en-css-fond-background.html Votes: 4 / 5 étoiles - 45 vote(s) et 10 commentaires