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>