给图片加阴影效果的CSS_CSS/HTML

<style type="text/css"> .pic { position:relative; background:#CCC; margin:10px; } .pic span { display:block; border:1px solid #333; background:#FFF; position:relative; padding: 3px; } .right {/*阴影在右边时*/ top:-4px; left:-4px; } .left {/*阴影在左边时*/ top:-4px; right:-4px; } </style> <ul> <li class="pic"><span class="right"><img onerror="this.src='/statics/superweb999/images/image_error.jpg'"src="/default/index/img?u=aHR0cDovL2dnLmJsdWVpZGVhLmNvbS8yMDA2L2NoaW5hb2svNDY4eDYwLmdpZg==" border="0" alt="给图片加阴影效果的CSS_CSS/HTML" title="给图片加阴影效果的CSS_CSS/HTML"></span></li> <li class="pic"><span class="left"><img onerror="this.src='/statics/superweb999/images/image_error.jpg'"src="/default/index/img?u=aHR0cDovL2dnLmJsdWVpZGVhLmNvbS8yMDA2L2NoaW5hb2svNDY4eDYwLmdpZg==" border="0" alt="给图片加阴影效果的CSS_CSS/HTML" title="给图片加阴影效果的CSS_CSS/HTML"></span></li> </ul>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]