Segui um tutorial na internet para fazer efeito sombra em css, minha página está assim:
<html> <head> <title>Borda em imagem</title> <style type=text/css> div.img-dec { background: url('borda.jpg') no-repeat bottom right; clear: left; float: left; position: relative; } div.img-dec img { background-color: #fff; border: 1px solid #a9a9a9; display: block; margin: -5px 5px 5px -5px; padding: 0px; position: relative; } </style> </head> <body> <div class="img-dec"><img src="cat.gif" width="260" height="200" alt="cat" /></div> </body> </html>
Eu tenho uma imagem chamada borda.jpg que possui a sombra e coloco ela como background, porem desta forma a sombra só fica no lado direito inferior (neste caso), como posso deixar a sombra alcançando todos os lados, como se fosse uma margem e não uma sombra?
Desde já obrigado!