doble-borde-css

Aquí se muestra una forma fácil de crear un efecto de doble borde como el que se puede apreciar en la imagen que ilustra esta entrada.

Tan solo deberemos vincular la imagen a una clase, y esta clase debería verse así en CSS:

img.double-border { border:1px solid #ccc; padding:2px; background:#eee; }

El truco consiste en hacer un padding a la imagen, y aprovechando el color del fondo, parecerá un doble borde en vez de un espaciado de fondo.

Obviamente, el color de fondo se puede cambiar, y así hará cambiar el borde superior. Si cambiamos el color del borde (en este caso señala #CCC), cambiaremos el color del borde inferior.

Vía | David Walsh