Tutorial: Borda hover nas imagens

Hoje vim trazer um tutorial que vi lá no Sweet Mulberry. 

Lembrando, que efeito hover é aquele que muda cor ^.^ 

Vamos ao tutorial?

♥ Precione ás teclas ]]></b:skin> e logo acima cole: 

.post img{border: 3px solid #A0522d;}
.post a:hover img{border: 3px solid #EE0000;}

♥ Em itálico é a cor normal da borda;
♥ Em negrito é quando passar o mouse;
Você pode mudar ás cores se quiser.
Eu uso essa tabela de cores.
Beijos! <3