24 novembro 2011

Colocar borda na imagem com HTML

2n689_large
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

4 comentários:

  1. Oh Good!
    Que Blog LIINDO ..
    e Claro que ja estou seguindo aqui !!
    Retribuue?
    http://yousit.blogspot.com/

    ResponderExcluir
  2. Oi, olha seu blog... sem palavras ELE É LINDO!
    Adorei a dica, to seguindo.
    Se poder segue o meu tmb ?
    http://vidateen-girls.blogspot.com/
    Beiijos

    ResponderExcluir
  3. Oi, olha seu blog... sem palavras ELE É LINDO!
    Adorei a dica, to seguindo.
    Se poder segue o meu tmb ?
    http://vidateen-girls.blogspot.com/
    Beiijos

    ResponderExcluir
  4. Oi, olha seu blog... sem palavras ELE É LINDO!
    Adorei a dica, to seguindo.
    Se poder segue o meu tmb ?
    http://vidateen-girls.blogspot.com/
    Beiijos

    ResponderExcluir

Comente que eu retribuo!