<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 src="/d/file/itjie/HTML-CSS/2014-10-27/03cc7d1adc379b95908681fd4a59116c.gif" border=0 alt="pic" /></span></li> <li class="pic"><span class="left"><img src="/d/file/itjie/HTML-CSS/2014-10-27/03cc7d1adc379b95908681fd4a59116c.gif" border=0 alt="pic" /></span></li> </ul> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] HTML/CSS技术:给图片加阴影效果的CSS,转载需保留来源! 郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。