Aplicando sombra nas fotos

Aqui você verá artigos sobre CSS

Moderador: web

responder a dúvida

Aplicando sombra nas fotos

Mensagem por web Offline » Dom Ago 12, 2007 2:06 am


Esse é um script que irá permitir colocar uma sombra em volta de suas fotos facilmente com CSS sem problemas.

Copie o seguinte arquivo para o diretório onde ficará o CSS com a foto:
http://www.codigosnaweb.com/sombra.png

O CSS para esse efeito é o seguinte:
<style type="text/css">
p.imagem {
float:left;
background: url(sombra.png) no-repeat bottom right;
}
p.imagem img {
display: block;
position: relative;
background-color: #fff;
border: 1px solid #a9a9a9;
margin: -6px 6px 6px -6px;
padding: 4px;
}
</style>

Abaixo segue um exemplo de chamada do script
<p class="imagem"><img src="suafoto.jpg" class="img"></p>

Obs.: Melhor usado em figuras em formas quadradas ou retangulares.



detalhes...

Gostou do que encontrou? Divulgue, indique, participe, agradeça pelas respostas.

Faço scripts personalizados ou reparos em scripts. Orçamento MSN codigosnaweb1 [@] gmail [.] com

Avatar do usuário
web
ADMIN
ADMIN
Mensagens: 12407
Registrado em: Sáb Jan 20, 2007 6:08 pm
Localização: RJ / RJ / Brasil

responder a dúvida

Voltar para Artigos sobre CSS

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado e 1 visitante