阴影效果是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);
}

1. CSS 跨浏览器解决方案之一透明度
2. CSS 跨浏览器解决方案之二渐变
3. 性感的CD封面 – Javascript + CSS 实现CD封面的变换
4. 十个最简单实用的Table设计模板