简单的阴影效果

 今天看到一篇介绍阴影效果的CSS技巧文章，不过好老了。现在应该有更好的方法了。里面的技巧其实硬着头皮写的话还是可以写出来的，不过看到别人写好的，还是确定一下。

CSS定义：

Code
1 .img-shadow { float: left; background: url(Images/shadowAlpha.png) no-repeat bottom right !important; background: url(Images/shadow.gif) no-repeat bottom right; margin: 10px 0 0 10px !important; margin: 10px 0 0 5px; }
2         .img-shadow img { display: block; position: relative; background-color: #fff; border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px; padding: 4px; 

 

Code

HTML标签：

Code
1         <div class="img-shadow">
2             <img src="Images/me.png" alt="This is a Shadow Effect." />
3         </div>
4         <div class="img-shadow">
5             <img src="Images/iPhoto.png" alt="This is a Shadow Effect." />
6         </div

里面用到的图片：shadowAlpha.png和shadow.gif其实是同一张图片。