css實現邊框陰影效果的方法（含兼容）

shadow的Css3寫法
shadow是css3的寫法，在CSS2的時代，我們多半使用圖片實現類似效果，或是使用CSS其他屬性模擬陰影效果，但是，現在，CSS3的崛起使得這個問題已經不再是是個問題了，本文就將展示如何實現跨瀏覽器的盒陰影效果。

.css_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 */
}

-webkit-box-shadow是 For Chrome5+, Safari5+； -moz-box-shadow 是 For Firefox3.6+ ； box-shadow是最新版的瀏覽器均適用。
後加inset的都是內陰影，如box-shadow:2px 2px 10px #ddd inset 偏移值為負的也可以嘗試效果 CSS3 box-shadow內陰影. * 還可以試試把某個偏移值設置為0，這時陰影的效果就只是單邊的