<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实现的漂亮的立体图片边框效果,阴影代码_图象特效" > </textarea><br><input onclick="runEx('runcode12984')" type="button" value="杩"> </div>