CENTER
En lugar de
#caja1 h2, #caja2 h2, #caja3 h2;
Se puede poner;
#caja
{background: url(imagen.jpg) no-repeat center;}
o
#h2
{background: url(imagen.jpg) no-repeat center; }
En lugar de
no-repeat left;
no-repeat right;
no-repeat center;
se puede poner uno de estos;
float: left;
float: right;
Pero la imagen se puede repetir
Ejemplo:
P {background:url(foto.jpg); float: left}
Clica aqui para ver mas de FLOAT
Para la altura y longitud se usa;
height: 50;
width: 100px;
Ejemplo:
P {background: url(foto.jpg);
width: 300px; height: 100px}
Para separar las imagenes de los
bordes exteriores se usan margenes:
margin-top: 1em;
margin-left: 1em;
margin-right: 1em;
margin-bottom: 1em;
O simplemente abreviardolos:
margin: 1em 1em 1em 1em;
Ejemplo:
p {background: url(foto.jpg);
margin-top:1em; margin-bottom:1em;}