Como colocar borda e opacidade nas imagens

                                                                              

Oi lindos e lindas , hoje os senhoritos vão aprender
como colocar borda e opacidade nas imagens
confire o resto aqui :

Vá em HTML , aperte CTRL+F  e procure por ]]></b:skin>
Cole acima esse código :

background-color:#e7b3c2; /*Cor de fundo quando passa o mouse em cima*/
border: 2px solid #f2ada5; /* Cor e estilo da borda quando passa o mouse em cima*/
}

Salve as alterações.
Para o código funcionar, você tem que por a tag class="border" no código da imagem, assim:
<img src="linkdaimagem" class="border"/>  quando passa o mouse em cima*/ 

Créditos : Cherry Bomb !