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!
