CSS高级技巧:阴影效果

<div class="image_shadow">
<img src="../images/origin_image.jpg" alt=""/>
</div>

.image_shadow{position:relative;float:left;clear:right;background:url(../images/shadow.gif) no-repeat right bottom;}
.image_shadow img{position:relative;display:block;margin:-5px 5px 5px -5px;padding:3px;background:white;border:solid 1px #ccc;}

.image_shadow{float:left;line-height:0;background:url(../images/shadow.gif) no-repeat right bottom;}
.image_shadow img{position:relative;left:-5px;top:-5px;padding:3px;background:white;border:solid 1px #ccc;}

<div class="image_shadow">
<div>
<img src="../images/origin_image.jpg" alt="" />
</div>
</div>

.image_shadow{float:left;background:url(../images/shadow.gif) no-repeat right bottom;}
.image_shadow div{float:left;padding:0 5px 5px 0;background:url(../images/shadow_mask.png) no-repeat left top;}
.image_shadow div img{padding:3px; background:white; border:solid 1px #ccc;}

* html .images_shadow div{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=‘images/shadow_mask.png‘ ,sizingMethod=‘crop‘);}

CSS高级技巧:阴影效果

原文：http://www.jb51.net/css/6700.html