Aticos
Pisos
Apartamentos

Vacaciones en Pontevedra

Alineacion de imagenes CSS
#caja1 h2
{background: url(imagen.jpg) no-repeat left;}
<div id=caja1><h2>LEFT</h2></div>

LEFT

#caja2 h2
{background: url(imagen.jpg) no-repeat right; }
<div id=caja2><h2>RIGHT</h2></div>

RIGHT

#caja3 h2
{background: url(imagen.jpg) no-repeat center; }
<div id=caja3><h2>CENTER</h2></div>

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;}


Al curso de CSS
Verbos ingleses
Gramatica inglesa
Al curso de ingles
A tutores gratuitos
Aticos para verano
Programas y juegos
Programas de idiomas
Tutor