首页 > 网络编程 > JavaScript > 网页特效 > 图象特效 > 立体图片边框 纯CSS实现的漂亮的立体图片边框效果，阴影代码 2010-10-31 23:18:16 作者： 纯CSS 漂亮的立体图片边框效果，图片阴影代码，个人觉得这个挺实用，CSs实现的，定义成类，可让你整个网页上的图片都是有立体阴影的，不错吧，感谢作者分享。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <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> </head> <body> <img src="/upload/201010/20101031231807712.jpg" class="image"> </body> </html> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 您可能感兴趣的文章:利用CSS3新特性创建透明边框三角js+css实现的圆角边框TAB选项卡滑动门代码分享（2款）CSS 美化表格边框为凹陷立体效果的实现方法css+table 1px边框单元格有关表格边框的css语法整理(1)表格边框的css语法浅谈CSS不规则边框的生成方案
