27 novembre 2009

L'effet mosaïque (1)

On peut décider de laisser l'effet mosaïque se produire et il n'est pas nécessaire de préciser la valeur de la propriété "background-repeat" (par défaut, c'est "repeat").
Ou bien, on peut l'empêcher :

body {
          background : url(http://i24.tinypic.com/5aolrs.jpg) top center no-repeat;
}

no-repeat

écran 1680x1050

Ou le limiter par exemple verticalement :

body {
          background : url(http://i24.tinypic.com/5aolrs.jpg) top center repeat-y;
}

repeat-y

écran 1680x1050

L'espace qui n'est pas recouvert par l'image de fond est blanc. Si l'on souhaite lui attribuer une couleur, il faudra ajouter la propriété "background-color" et lui donner une valeur hexadécimale.

body {
          background : #653754 url(http://i24.tinypic.com/5aolrs.jpg) top center repeat-y;
}

color

écran 1680x1050

Posté par Michal53 à 09:00 - - Permalien [#]
Tags : , , , , , , ,