css實現div框陰影

如下爲本人總結兼容一切主流瀏覽器的邊框陰影

css代碼：
<style type="text/css">
.mydiv{
width:250px;height:auto;border:#909090 1px solid;background:#fff;color:#333;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=4);/*ie*/
-moz-box-shadow: 2px 2px 10px #909090;/*firefox*/
-webkit-box-shadow: 2px 2px 10px #909090;/*safari或chrome*/
box-shadow:2px 2px 10px #909090;/*opera或ie9*/
}
</style>

for ie:
direction 陰影角度 0°爲從下往上 順時針方向
strength 陰影段長度


-moz-box-shadow: 2px 2px 10px #909090;
-webkit-box-shadow: 2px 2px 10px #909090;
box-shadow:2px 2px 10px #909090;

第一個參數是x軸陰影段長度
第二個參數是y軸陰影段長度
第三個參數是往四周陰影段長度
第四個參數是陰影段顏色

div代碼：
<div class="mydiv">
    123123213123
</div>

效果圖：