Selinho + Borda hover em qualquer imagem

Ooi gente! Bom dia! Como vão vocês? Espero que estejam bem, assim como eu. Estou me surpreendendo com meus "talentos" de HTML rs' (como se eu tivesse algum). Ganhei um selinho do Manguita Rosa, muito obrigada! 

Regras:

1-linkar o blog que te indicou: Manguita Rosa

2-avisar os blogs que foram escolhidos

3-colocar o selinho no blog

4-escolher 10 blogs para presentear

É difícil escolher 10 blogs, vou colocar uns cinco.

Encantos de uma Adolescente

Beijo de Cereja

Brilho dos Olhos

Smash

Sweet Bomb Girl

Já já eu aviso as meninas, daí elas já pegam o selinho.

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Agora vamos ao tutorial do post, eu montei esse código baseado em um código encontrado no Kawaii World, então créditos ao blog. As bordas você poderá colocar em qualquer imagem.

Cole acima de ]]></b:skin> :

.imagem{
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
background-color: #43CD80;
padding: 3px;
}
.imagem:hover {
background-color: #66CD00;
padding: 3px;
}

Entendendo o código:

A parte em negrito é quanto a borda será arredondada.

 A parte em sublinhado é a cor da borda, tanto no hover quanto no "normal". Utilize essa tabela de cores para mudar.

Para usar a borda, cole em gadgets, na postagem, onde quiser:

<img src="URL da imagem" class="imagem"/>

Se quiser redirecionar a imagem a algum link, cole:

<a href="Link para redirecionar" title="Título do link"><img src="URL da imagem" class="imagem" /></a>

Espero que gostem do código, se forem repassar creditem.

Um grande beijo.