Efeito que se pode adicionar a qualquer elemento dentro do xhtml. Box model é uma caixinha que envolve qualquer elemento, seja inline ou em bloco. Pode-se aplicar uma cor de fundo, uma imagem de fundo, ou seja um background, na área de conteúdo até o padding, até a border. Essa propriedade não será herdada. A propriedade default, background de qualquer elemento é transparente. Se não for indicado um valor de propriedade de background para um elemento, o filho vai assumir a cor de fundo do pai. Mas não será por herança como acontece na maioria dos elementos, e sim por transparência que é o valor de cada propriedade.

Propriedades para estilizar os fundos

Na folha de estilo ficaria assim:
div {
  width:320px;
  height:320px;
  border:2px solid black;
}

Color Forma de declarar uma cor

	 
Na folha de estilo ficaria assim:
div{
width:320px;
height:320px;
border:2px solid black;

/*Escolha apenas uma forma de declarar a cor*/
background-color:#6699FF;
/*uma forma de declarar a cor*/
background-color:rgb(125,210,90); 
/*pode-se declarar assim*/
background-color:rgb(10%,20%,90%); 
/*e assim*/
background-color:ActiveBorder;
/*aqui fica com a cor da janela ativa*/
}

Image Forma de declarar uma imagem

	 
Na folha de estilo ficaria assim:
div {
width:320px;
height:320px;
border:2px solid black;

background-image:url("img/css1.jpg");
/*declarar uma imagem. Pode-se declarar uma url completa
    do tipo("http://www..e o caminho da imagem")*/
}

Repeat Para evitar que a imagem fique repetida

Para repetir a imagem na horizontal
Para repetir a imagem na vertical
div {
 width:320px;
 height:320px;
 border:2px solid black;

background-image:url("img/aguia3.jpg");
background-repeat: no-repeat;/*para não repetir uma imagem*/
background-repeat: repeat-x;/*repete a imagem na horizontal*/
background-repeat: repeat-y;/*repete a imagem na vertical*/
}

Attachment Ajusta o backgroung das divs.

background-attachment: fixed; /*se a imagem de fundo "rola" ou não com a tela;*/
fixed começa a aplicação dentro da div como se tivesse sido aplicado fora dela. Em outra palavras,
a página rola e o fundo fica fixo (no caso de ser aplicado ao body por exemplo.
scroll alinha iniciando a aplicação dentro da própria div.
div {
width:320px;
height:320px;
border:2px solid black;
background-attachment: scroll;
/*fixed começa fora da div, e scroll dentro da própria div*/
}

Position Posição da imagem

Com essa propriedade pode-se escolher a posição que a imagem terá na página. Se no top, à esquerda, à direita, embaixo etc.

	 
  Na folha de estilo ficaria assim:
  div{

	width:320px;
	height:320px;
	border:2px solid black;

background-position:center top;
/*pode-se escolher entre left top, right top e ainda
poderia ser center center, left center e right center.*/
Pode-se colocar a imagem embaixo:
assim: left bottom, center bottom e right bottom
Posicionamento em pixels:
background-position:20px 90px; 
/*pode-se escolher um posicionamento em pixels 
que podem ser valores negativos*/
background-position:20% 90%
/*e em porcentagens*/

Forma reduzida de declarar o background

background:#6699FF url("img/aguia3.jpg") no-repeat center top;
}