sexta-feira, 6 de agosto de 2010

CSS - A propriedade Background

Cor de fundo
body {background-color: #CCFFFF;} /*azul claro*/
h2 {background-color: #FF0000;} /* vermelho */
p {background-color: #00FF00;} /* verde */

Imagem de fundo
body { background-image: url("/images/css.gif");}

Repetir verticalmente a imagem de fundo
background-image: url("/images/css.gif");
background-repeat: repeat-y;

Repetir horizontalmente a imagem de fundo
background-image: url("/images/css.gif");
background-repeat: repeat-x;

Imagem de fundo com posicao fixa
background-image: url("/images/css.gif");
background-repeat: no-repeat;
background-position: 200px 70px;

Imagem fixa no fundo, ela nao "anda" com o scroll
background-image: url("/images/css.gif");
background-repeat: no-repeat;
background-attachment: fixed;