为了追求页面视觉效果，设计师会经常对图片使用一些特殊处理，比如图片边框、图片阴影效果等。
图片阴影效果的制作方法[点击放大]
图片阴影效果的制作方法 来源：黄超
[点击放大]
图片的阴影边框效果制作方法不止一种，CSS3也可以轻松的完成，但CSS3还没有完全普及，所以目前最简单的方法就是采用图片阴影背景。其实这些效果也不难做，但对于新手来说也是需要费一番力气才能搞定的，这篇文章我用最简单的方法——图片阴影背景图片搞定这个效果，供大家参考。 列举一张图片，如图一中效果：一张正方形图片外有一个边框，边框下方还有一些阴影效果。 这个效果只需要一个Div，一张阴影背景图，外加几段CSS代码即能解决。
一、考虑图片的容器，及制作方法。
像这样的效果，我们可以制作一张图片作为背景，如图二所示。 制作的原因如图三所示： 1.图片的尺寸是140px*140px； 2.图片两侧到阴影最外边的间距各是20像素，加起来的总宽度就是140px+20px*2=180px。
二、Html代码：

<div class=”imgbg”><a href=”http://dreamweaver.abang.com/” target=”_blank”><img src=”img.jpg” alt=”阿邦Dreamweaver专栏” width=”140″ height=”140″ border=”0″ /></a></div>

http://dreamweaver.abang.com/od/example/a/img-shadow.htm