纯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/20121013/20101031231807712.jpg" class="image"> 
</body> 
</html>

  [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

上一个：CSS导航菜单，三级菜单实现代码
下一个：在JS中最常看到切最容易迷惑的语法(转)

更多图片编程知识:

[cocos2d-x从c++到js]01：迎接脚本时代的到来
使用JSP标签库验证用户的输入（2）完
使用jsp自定义标签库实现数据列表显示模拟cms4j中的标签库效果
如何实现从照片中裁切自已的肖像呢？
extjs 文件上传
ajax请求返回Json格式数据如何循环输出成table形式