<div class="htmlarea"> <textarea id="runcode12984"> <title>그림의 입체적인 테두리 효과</title> <meta http-equiv="content-type" content="text/html;charset=gb2312"> <style type="text/css"> .image{padding:10px;border:1px solid #000;-moz-box-shadow:3px 3px 4px #000;-webkit-box-shadow:3px 3px 4px #000;box-shadow:3px 3px 4px #000;background:#fff;filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135,Color='#000000');} </style> <img src="http://files.jb51.net/upload/201010/20101031231807712.jpg" class="image" alt="순수 CSS로 구현한 아름다운 3차원 그림 테두리 효과, 섀도우코드_이미지 특수효과" > </textarea><br><input onclick="runEx('runcode12984')" type="button" value="杩"> </div>