阴影效果曾经被网页设计师所喜爱和憎恨。 现在有了CSS3，就不需要Photoshop了。 已经有24 Ways website这样的网站在使用这个功能。
- web kit-box-shadow :10 px 10p x25 px # CCC；
- moz-box-shadow :10 px 10 p x25 px # CCC；
box-shadow :10 px 10 p x25 px # CCC；
前两个属性设置阴影的X/Y偏移。 这里分别是10px。 第三个属性定义阴影的模糊程度，最后设定阴影的颜色。 还可以按以下方式设置字符阴影：
text-shadow: 2px 2px 5px #ccc；
支持的浏览器： Firefox 3.1、Safari、chrome (仅支持盒阴影)和Opera (仅支持字符阴影)。 前三个数字表示红绿蓝三种颜色的值，最后一个数字表示透明度。 也可以使用opacity实现透明度
border: 1px solid #696； padding: 60px 0； 文本照明3360中心； width: 200px；
-webkit-border-radius: 8px；
-moz-border-radius: 8px；
border-radius: 8px；
- WebKit-box-shadow : # 6660 px0px 10px；
- moz-box-shadow : # 6660 px0px 10px；
box-shadow: #666 0px 0px 10px； background: #EEFF99； behavior:URL(/pie.HTC )；