A Propriedade Background do CSS é muito aplicada, pois nela podemos estilizar o fundo de nossas páginas da maneira que mais nos agradar, seja com imagens, com cores ou com texto fixo. Vamos estudá-las:

Resumo:

background-color: cor de fundo;

background-image: imagem de fundo;

background-repeat: maneira de como a imagem de fundo é posicionada;

background-attachment: se a imagem do fundo irá rolar ou não com a tela;

background-position: como e onde a imagem de fundo é posicionada;

background: maneira apreviada para todos os backgrounds;

Cores (color):

código hexadecimal: #000000 / #FFFFFF;

código rgb: rgb(255,235,0);

nome da cor: yellow / green / red;

transparente: transparent;

Imagem (background-image):

URL: url(onde está localizada a imagem/nome da imagem . a extensão) exemplo: url(desktop/imagem.gif);

Repetição (background-repeat):

repeat-x: repete na horizontal;

no-repeat: não repete;

repeat: repete na vertical e na horizontal;

repeat-y: repete na vertical;

Rolamento (background-attachment):

fixed: a imagem fica fixa no fundo;

scroll: a imagem rola com a tela;

Posição (background-position):

x-pos y-pos;

x-% y-%;

top left;

top center;

top right;

center left;

center center;

center right;

bottom left;

bottom center;

bottom right;

Exportar para Word

Enviar para amigo

Imprimir

Todos os tutoriais

-------------------------------------------------------------------------------------------------------------- Propriedade Background: estudo das cores, imagens, posicionamentos e rolamentos Propriedade Fonte: estudo das cores, estilos, tamanhos e variedades Propriedade Borda: estudo das cores, estilos e propriedades

© 2010 Web Nets - Todos os direitos reservados