Background imagem post e sidebar do blogspot Exp: 2

Este exemplo usa o código css abaixo para a div main; no-repeat para a imagem não repetir, right top são os alinhamentos dela, ou seja: o lado direito e topo.
Como eu usei no-repeat para a imagem não repetir usei esse código #940f04 para a cor de fundo, até porque se o texto fosse grande iria aparecer a imagem ou cor de fundo usada na div outer-wrapper.

Quando você ver um código Riscado, isso significa que ele foi apagado do código fonte dessa página de exemplo.

#main {background: #940f04 url(http://foitestado.com/imagens/elefantes-crepusculo-africa.JPG) right top no-repeat;}

Só que nesse exemplo eu retirei a imagem da div outer-wrapper e deixei ela na cor de fundo cinza, para ser mais fácil de perceber.

#outer-wrapper {#ffffff url(http://www.blogblog.com/moto_son/innerwrap.gif) top right repeat-y;}

Cor de fundo na fonte ou texto

Perceba que o background pode ser usado em um texto html, veja como escrevi esse trexo onde a cor de fundo do texto é cinza:

<span style="background: #ccc;">fundo do texto é cinza</span>

Blogger lançou em 2010 seus novos modelos(design) onde é possível mudar o fundo sem uso de códigos