<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 id="sg42nca" class="pic"><span id="sg42nca" class="right"><img src="/d/file/itjie/HTML-CSS/2014-10-27/20cf34b04ce40a24aad5803cf02f8527.gif" border=0 alt="pic" /></span></li> <li id="sg42nca" class="pic"><span id="sg42nca" class="left"><img src="/d/file/itjie/HTML-CSS/2014-10-27/20cf34b04ce40a24aad5803cf02f8527.gif" border=0 alt="pic" /></span></li> </ul> [Ctrl+A 全選 注:如需引入外部Js需刷新才能執行] HTML/CSS技術:給圖片加陰影效果的CSS,轉載需保留來源! 鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。