Borda com duas cores para imagens

Para adicionar uma borda com duas cores em uma imagem usando apenas CSS,
utilize este truque muito simples:

img{
border:6px solid #E9751F;
padding:4px;
background:#F3CB94;
}

Na verdade o que ocorre é que a 'segunda borda' surge quando o espaço criado
com padding recebe um fundo colorido (background).
Para colocar a 'borda dupla' em uma imagem hospedada no Blogger, depois de ter feito o upload, clique no modo HTML da postagem e adicione dentro de:

<img style="border:6px solid #E9751F;padding:4px;background:#F3CB94;"

As cores e larguras das bordas podem ser editadas livremente. Você pode colocar o valor hexadecimal que o blogger transforma em rgb automaticamente.


pescado no cssglobe