<div class="htmlarea"> <textarea id="runcode609"> <style type="text/css"> .이미지에 그림자 효과를 추가하는 CSS_CSS/HTML { position:relative; background:#CCC; margin:10px; } .이미지에 그림자 효과를 추가하는 CSS_CSS/HTML 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="이미지에 그림자 효과를 추가하는 CSS_CSS/HTML"><span class="right"><img src="http://gg.blueidea.com/2006/chinaok/468x60.gif" border="0" alt="이미지에 그림자 효과를 추가하는 CSS_CSS/HTML"></span></li> <li class="이미지에 그림자 효과를 추가하는 CSS_CSS/HTML"><span class="left"><img src="http://gg.blueidea.com/2006/chinaok/468x60.gif" border="0" alt="이미지에 그림자 효과를 추가하는 CSS_CSS/HTML"></span></li> </ul> </textarea><br><input onclick="runEx('runcode609')" type="button" value="运行代码"> <input onclick="doCopy('runcode609')" type="button" value="复制代码"> <input onclick="doSave(runcode609)" type="button" value="保存代码">[모두 선택하려면 Ctrl+A 참고: <a href="/article/23421.htm" title="查看具体详情" target="_blank">외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다. </a>]</div>