Como arredondar as bordas das imagens

Hello bb's, trouxe um tutorial de como deixar a borda das imagens do blog arredondadas automaticamente. É bem fácil, e não tem efeito hover. Vamos lá?

Vá no seu HTML, aperte ctrl + f e procure por .post-body { . Vai estar mais ou menos assim:
.post-body {
line-height: 1.4;
position: relative;
}
Depois de } cole:
.post img {
-moz-border-radius: 8px;
-webkit-boder-radius: 8px;
border-radius: 8px;
}
E pronto! Visualize, e se estiver tudo certo salve.
Beijos~

3 comentários:

  1. Obrigada! você poderia ensinar a como por textos nessas caixinhas coloridas que você usa pra fazer tutoriais? *u* :v

    ResponderExcluir
  2. Eu copiei e colei direto no CSS e deu certo. (=^_^=) obrigada!

    ResponderExcluir