Eu sempre preferi fazer uso de fundo branco e nunca me preocupei em editar um fundo de imagem, seja ele branco ou não quase sempre combina! Agora como o fundo do tema deste blog é cinza as imagens que tem fundo branco na minha opinião não fica legal. Então busquei um método de colocar borda nas imagens que não me agradam sem ter que edita-las, quem conhece html e css faz isto rapidamente!
Alguns valores que podemos usar:
- dashed : borda tracejada
- dotted : borda pontilhada
- double :borda dupla
- groove : borda entalhada
- inset : borda em baixo relevo
- outset :borda em alto relevo
- solid :borda contínua
- ridge : borda em ressalto
Consulte o site w3.org para ver diversas funções border-style
uma ótima referencia é o site maujor neste tutorial de borda
Vejamos abaixo alguns exemplos:
Borda sólida:
Veja o exemplo do código:
Borda grossa:
Veja o exemplo do código:
Borda tracejada:
Veja o exemplo do código:
Borda entalhada:
Veja o exemplo do código:
Borda dupla:
Veja o exemplo do código:
É isso agora já sabem como colocar borda nas imagens
Muito útil!
;D