Borda nas imagens dos posts

Mas um Tutorial Fácil e Simples

Oi pessoal !

Como ser humano , eu nunca vou entender essa minha mania de colocar sempre fotos de sobremesas nos posts , mas tudo bem Sobremesa é vida .  Hoje eu vim trazer um tutorial bem facilzinho e simples , mas pode fazer diferença no seu layout , é uma borda sobre todas as imagens dos posts. Sim isso mesmo os seres preguiçosos como eu , vão ter todas as imagens dos posts com borda super linda . Vamos lá aprender ? Vá no seu editor HTML , pressione as teclas Ctrl + F e procure por : ]]></b:skin> acima dessa linha cole o seguinte código :

.post img {
  border: 1px solid #eee;
  padding: 2px;
}

Entenda o código

Vermelho : Grossura da borda , quanto maior mais grossa
Azul : Forma da borda , no caso esta forma é linha reta , também tem outras duas formas :
Troque solid por dotted para linha pontilhada.
Troque solid por dashad para linha pontilhada grande.
Verde : Código da cor
Laranja : Espaço entre a borda e a imagem

Prontinho , visualize seu layout , se tiver tudo certo salve ^^
Bem este foi o tutorial , Até o próximo post Abraços