+ Almentar o tamanho da fonte- Diminuir o tamanho da fonteCompartilharEditar postagemComentar essa postagemLink para esta postagem Como adicionar sombra a um objeto da página

Colocar sombra em um objeto é muito simple e sempre da um toque especial no visual do usuário/leitor. Adicione este código no bloco de notas do seu computador:

style="box-shadow: 1px 1px 1px black;"

Edite os valores conforme desejar. No primeiro "px" altere a distância da sombra para baixo, no segundo "px" altere a distância da sombra a esquerda, no terceiro "px" altere a opacidade da sombra e em "black" mude a cor da sombra. Depos de ter terminado cole o código que ficou no bloco de notas em um elemento como DIV, SPAN, IMG, A, BODY, etc.


Avançado


Em certos elementos fica legal adicionar sombra as letras, para isso adicione o código ao bloco de notas:

style="text-shadow: 1px 1px 1px black"

Conforme foi mostrado no primeiro exemplo, as mudanças são as mesmas.