Colocar borda na imagem com HTML

Oiie candies, Hoje vou postar um tutorial muito legal, para colocar borda nas imagens sem usar nenhum editor, você pode fazer isso diretamente no seu blog!

Tutorial

Para adicionar uma borda nas suas imagens usando html, sem precisar abrir photoshop ou outro programa  pra editar imagens, basta usar o código:

<IMG SRC="endereço-da-imagem.jpg" style="BORDER:1px solid #000000">

- O número 1px pode ser aumentado: 2px, 3px, 4px... etc. Com isso, a borda vai ficando mais grossa.

- No lugar da palavra solid, você pode escrever: dotted ou dashed também. Dotted deixa a linha pontilhada, Dashed deixa a linha tracejada.

- #000000 é a cor da borda. Pode mudar pra qualquer cor hexadecimal :)

Exemplos:

Solid

Dashed

Dotted