Na publicacao anterior: http://juliozuppa.blogspot.com.br/2012/09/instalacao-apache-para-windows-7-64-bits.html podera observar que as imagens possuem um sombreamento. Na primeira e na ultima imagem da publicacao a sombra foi feita na propria imagem e nas outras a sombra e feita atraves do seguinte estilo CSS:<style type="text/css">#sombra{ width: 200px; padding: 1px; background-color: #363636; box-shadow: 2px 2px 2px #363636; -webkit-box-shadow: 2px 2px 2px #363636; -moz-box-shadow: 2px 2px 2px #363636;}</style>Explicacoes:Linha 3, define-se a largura da imagem.Linha 4, define-se a espessura da borda que sera exibida ao redor da imagem.Linha 5, define-se a cor dessa borda.Linha 6, define-se a espessura e cor da sombra que sera exibida na imagem.Linha 7, idem a linha 6, porem para o caso do navegador do usuario ser baseado em WebKit, como Safari ou Google Chrome.Linha 8, idem a linha 6, porem para o caso do navegador do usuario ser baseado em Mozilla, como o Firefox.Maiores detalhes podem ser encontrados aqui.Para exibir a sombra na imagem, define-se o atributo "id" da tag "<img>":<img src="./sua-imagem.jpg" width="200" id="sombra"/>A seguir, segue exemplo de uma pagina html basica completa:<html><head> <title>Imagem com borda em CSS</title> <style type="text/css"> #sombra{ width: 200px; padding: 1px; background-color: #363636; box-shadow: 2px 2px 2px #363636; -webkit-box-shadow: 2px 2px 2px #363636; -moz-box-shadow: 2px 2px 2px #363636; } </style></head><body> <img src="./sua-imagem.jpg" width="200" id="sombra"/></body></html> Baixe o exemplo para estudo: O resultado pode ser observado nas imagens que seguem:Imagem sem borda:Imagem com borda inclusa na propria imagem:Imagem com borda em CSS:(Devera apresentar a mesma aparencia da anterior)Espero que possa ser util a alguem essa dica. Ate a proxima.Fonte: http://www.criarweb.com/artigos/sombras-em-css3-com-box-shadow.html Se assim como nos voce esta cansado de ver a cara do notepad, o famoso bloco de notas do Windows e deseja substitui-lo por um editor de sua preferencia, aqui vai uma dica diferenciada (e mais chique do que diferente) das que se encontram por ai: Dica da Tecmundo e acreditamos ate ser mais simples.Dificil quem nao saiba, mas o Bloco de notas e um editor de textos bem simples que e parte integrante do Sistema Operacional Windows, porque um dos recursos minimos que se espera do computador e a possibilidade de escrever, ler e armazenar arquivos de textos. Assim, ele e conhecido como um editor de textos puros, ou seja, textos que nao possuem a gama de configuracoes e recursos oferecidos por editores mais complexos, como o Microsoft Word ou LibreOffice. Recursos como: tamanho, cor e tipo da letra e composicao de tabelas graficos e imagens, o que torna o programa bastante leve, pratico e rapido em sua utilizacao. Muitas vezes, o objetivo de se escrever textos puros e que possam serem reconhecidos e lidos por qualquer computador, sem que para isso seja necessario instalar algum software em especial.Tratando-se de um programa do sistema operacional, voce nao consegue de imediato exclui-lo e colocar outro em seu lugar tao facilmente, porque e considerado essencial para seu correto funcionamento. Desse modo, existe uma protecao em seu arquivo executavel, exigindo assim, que voce saiba muito bem o que esta fazendo antes de ferrar com ele.Inclusive por isso deixaremos ele quietinho aonde esta e ao inves de substitui-lo literalmente por outro programa, faremos um tipo de