html div 阴影效果 css实现div边框阴影效果的方法

在CSS2的时代，我们多半使用图片实现类似效果，或是使用CSS其他属性模拟阴影效果，但是，现在，CSS3的崛起使得这个问题已经不再是是个问题了，本文就将展示如何实现跨浏览器的盒阴影效果。

.div_shadow{

width:600px;

height:450px;

border:#909090 1px solid;

background:#fff;

color:#333;

-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; /* For IE 8 */

filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); /* For IE 5.5 - 7 */

-moz-box-shadow: 2px 2px 10px #909090;/* for firefox */

-webkit-box-shadow: 2px 2px 10px #909090;/* for safari or chrome */

box-shadow:2px 2px 10px #909090;/* for opera or ie9 */

}