CSS实现阴影效果

<style type="text/css">
.shadow{
width:120px;
height:120px;
border:1px solid #ccc;
background:#fff;
font-size:12px;
padding:10px;
-moz-box-shadow:3px 3px 4px #ccc;
-webkit-box-shadow:3px 3px 4px #ccc;
box-shadow:3px 3px 4px #ccc;
*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color="#cccccc");
}
</style>

<div class="shadow">
阴影效果
</div>