HOME

CSS Básico
CSS Início
CSS Introdução
CSS Sintaxe
CSS Como Fazer
CSS Background
CSS Texto
CSS Fonte
CSS Borda
CSS Margem
CSS Padding
CSS Lista

CSS Avançado
CSS Dimensão
CSS Classificação
CSS Posicionamento
CSS Pseudo-classe
CSS Pseudo-elemento
CSS Tipos de Mídia

Propriedades do Plano de Fundo em CSS

As propriedades de plano de fundo em CSS definem os efeitos de fundo de um elemento.

Exemplos

Configurar a cor do plano de fundo
Este exemplo demonstra como configurar a cor de fundo para um elemento.

Configurar uma imagem como plano de fundo
Este exemplo demonstra como configurar uma imagem como plano de fundo.

Como repetir uma imagem de fundo
Este exemplo demonstra como repetir uma imagem de fundo só verticalmente.

Como posicionar a imagem de fundo
Este exemplo demonstra como posicionar a imagem de fundo numa página.

Como configurar uma imagem de fundo fixa
Este exemplo demonstra como configurar uma imagem de fundo fixa. A imagem não rolará com o resto da página.

Todas as propriedades do plano de fundo um uma declaração
Este exemplo demonstra como usar a estenografia (shorthand) para configurar todas as propriedades do plano de fundo em uma declaração.

O Plano de Fundo em CSS

A propriedade Background permite que você controle a cor do plano de fundo de um elemento, configure uma imagem como plano de fundo, e posicione uma imagem em uma página.

Propriedades do Plano de Fundo:

NN: Netscape, IE: Internet Explorer, W3C: padrão Web

Propriedade	Descrição	Valores	NN	IE	W3C
background	Uma propriedade estenográfica para configurar todas as propriedades do plano de fundo em uma declaração	background-color background-image background-repeat background-attachment background-position	6.0	4.0	CSS1
background-attachment	Especifica se uma imagem de plano de fundo é fixa ou rola com o resto da página	scroll fixed	6.0	4.0	CSS1
background-color	Configura a cor do plano de fundo de um elemento	color-rgb color-hex color-name transparent	4.0	4.0	CSS1
background-image	Configura uma imagem como plano de fundo	url none	4.0	4.0	CSS1
background-position	Configura a posição inicial de uma imagem de plano de fundo	top left top center top right center left center center center right bottom left bottom center bottom right x-% y-% x-pos y-pos	6.0	4.0	CSS1
background-repeat	Estabelece se/como uma imagem de plano de fundo será repetida	repeat repeat-x repeat-y no-repeat	4.0	4.0	CSS1