Hay muchos efectos que podemos aplicar por medio de CSS a las imágenes de nuestro sitio, pero la mayorÃa no son compatibles con todos los navegadores. Sin embargo, a veces lo mejor suele ser lo más sencillo, y por medio de CSS liso y llano podemos lograr un buen diseño que sea multiplataforma.
Por ejemplo, podemos agregar un borde de un color a una imagen, ponerle otro color de fondo y por medio del padding generaremos el efecto de “borde doble”. Luego, para una mejor experiencia de usuario, podemos usar este efecto sólo en hover, de manera que al pasar el mouse por encima se resalte la imagen.
Aquà les dejo el código:
img.double-border { border:1px solid #ccc; padding:2px; background:#eee; }
¡Espero que les sea de utilidad!
Fuente: David Walsh Blog
Martes, 15 de Diciembre de 2009 a las 23.19
Grande la aportación, me ha inspirado mogollón para un diseño que no tenÃa muy claro. Muxas gracias =)