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:

  1. <style type="text/css">
  2. img{
  3. border:2px solid #ccc; /* Definição da cor da borda! */
  4. padding:2px; /* Tamanho da borda entre a imagem e a borda externa */
  5. background:#fff; /* Cor da borda intemediária.*/
  6. }
  7. <style>

O efeito, se aplicado corretamente, fica como a imagem abaixo, sem a legenda é claro. ;)

borda dupla com css!

Segue abaixo o link para o blog que encontrei esse efeito:
http://cssglobe.com/post/1330/custom-double-solid-borders-for-images&tbb=1