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


A découvrir massage-zen.shop : LE site 100% bien être pour trouver des accessoire de massage à petits prix :)

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 https://www.cssdebutant.com/coder-en-css-fond-background.html Votes: 4.3 / 5 étoiles - 79 vote(s) et 10 commentaires