1 de ago. de 2012

Borda arredondada nas imagens do blog

 Hoje vou ensinar a deixar as bordas das imagens arredondadas no HTML, é muito simples e deixa o blog com um visual bem bonito. As imagens vão ficar com a borda parecida com a da imagem acima, mas ao invés de ser apenas uma, será todas as imagens do blog.


1- Vá no HTML do seu blog, aperte CTRL+F e procure por:

/* Posts
Vai estar assim:


/* Posts
----------------------------------------------- */
2- Abaixo disso, cole:


.post img {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
3- Visualize, se estiver tudo certo, salve.


Meus querides! Caso vocês gostem desse blog e queiram continuar me acompanhando, eu ainda escrevo, mas em outro blog. Não posto apenas tutoriais, mas continuo escrevendo e falando de vários assuntos, inclusive a blogosfera. Caso queira visitar (sério ótimo uma visita): clique aqui para ir ao blog Serenar

Nenhum comentário:

Postar um comentário

Seja educado, não use palavras ofensivas ou de baixo calão;
Comente algo relacionado ao post, para outros assuntos use a ask;
Obrigada e volte sempre!