Borda nas imagens

Eai galera, vim trazer um tutorial de como colocar bordas nas imagens de uma maneira simples!

Acrescente isso dentro do seu css e personalize como quiser:

Código:

.borda{border: 3px solid #cor da borda; padding: 1px; background: #cor do fundo;}
.borda:hover{border: 3px solid #cor da borda quando passar o mouse em cima;}

E pra que a borda fique na sua imagem, coloque desta forma:

Código:

<img src="url da sua imagem" class="borda">

Código:

<img src="url da sua imagem" class="image ; borda">

Fonte