在学习CSS中能不用图片去实现我们需要的当然是最好的,position:relative相对定位实现图片阴影效果。

[code]<style type=”text/css”>
a {color:#000;}
.shadow{ float:left; margin-right:20px; background-color:#EFEFEF;}
.shadow img{ padding:4px; border:1px solid #CDCDCD; background-color:#FFFFFF; position:relative; top:-5px;left:-5px;}
</style>[/code]
[code]<h3>position:relative相对定位实现的简单阴影效果</h3>
<div class=”shadow”><img src=”图片路径” width=”129″ height=”106″ /></div>[/code]