GustavoDiazs

Sábado, 14 de enero de 2006

Sombra

Desde hace días he estado intentando e intentando el darle a las imágenes de el Blog algo de diferente a los que tradicionalmete hago con ellas, colocarlas y centrarlas; así que después de ver algunos sitios me llamo mucho la atención el colocarles una sombra, y me puse a buscar sombras con CSS y si encontré una cantidad importante de métodos, de hecho probé varios en linea, ninguno me satisfacía la verdad por que a los elementos que se les colocaba tenia que alinearlos a la izquierda o derecha solamente, y no me gustaba no tener la opción de el centro; hasta que encontré este sitio que muestra la forma de hacerlo.

así que cree una clase en mi CSS con este código:

.img-shadow{

padding: 5px 5px 9px 5px;

background-color: #FFF;

background-image: url(Imagenes/sombra.gif);

background-repeat: repeat-x;

background-position: left bottom;

border-top: 1px solid #DDD;

border-right: 1px solid #DDD;

border-left: 1px solid #DDD;

}

y resulto esto: