阴影效果是web开发中一个头疼的问题，和生成圆角一样，都是web开发中经常用到的，虽然实现麻烦，但是效果不错，所以客户经常要求有阴影效果。
我做过各种各样的阴影效果，有给整个站点的body添加阴影效果的，有给某个div实现的，其大部分都是用图片生成的，很难定位，而且添加了不少的div专门用于添加图片，维护起来太麻烦了。经常是为了修改其他的layout问题，而把阴影效果弄的面目全非。
现在好了，我找到了一种简单的用CSS生成阴影的方法，大家看看下面的例子：
怎么样，效果很酷吧，简单好用，而且支持主流的浏览器，连最烂的IE6都支持。
div.shadows {
-ms-filter: "progid:DXImageTransform.Microsoft.Glow(color=#666666,strength=3)
progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=6)";
filter: progid:DXImageTransform.Microsoft.Glow(color=#666666,strength=3)
progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=6);
}
From: http://www.fogtowerblog.com/web/css/cross-browser-drop-shadows-using-pure-css.html