April 14th, 2008Inserindo borda dupla a uma imagem usando css!
O efeito é bem simples e sua aplicação é bem aceita visualmente. Este estilo pode ser bem aproveitado em galerias de imagens, deixando mais elegante sua visualização e além disso, sua alteração é via CSS, o que facilita muito sua manutenção.
Não é difícil implementar, basta atribuir ao elemento “img” as propriedades abaixo:
-
<style type="text/css">
-
img{
-
border:2px solid #ccc; /* Definição da cor da borda! */
-
padding:2px; /* Tamanho da borda entre a imagem e a borda externa */
-
background:#fff; /* Cor da borda intemediária.*/
-
}
-
<style>
O efeito, se aplicado corretamente, fica como a imagem abaixo, sem a legenda é claro. 
Segue abaixo o link para o blog que encontrei esse efeito:
http://cssglobe.com/post/1330/custom-double-solid-borders-for-images&tbb=1