其用法為：
**如下
複製**
box-shadow: x-offset y-offset blur spread color inset;
上述六個引數含義依次是水平方向的偏移（正值向右偏移，負值向左偏移）、垂直方向的偏移（正值向下偏移，負值向上偏移）、模糊距離、陰影的尺寸（擴充套件尺寸）、陰影的顏色以及陰影型別（預設是外陰影，使用inset表示為內陰影）。除了第一和第二個引數是必須的，其他的都是可選引數。當使用引數「0 0px 10px #333」時，注意第三個引數為陰影的模糊距離。由於引數本身就多，而且還可以變，下面通過一些例子來加深一下理解。
先來看看什麼是陰影，下面通過四個寬和高都為70px的div，使用如下box-shadow來看看顯示效果：
**如下
複製**
#d1#d2
#d3
#d4
觀察上述圖，可以理解陰影其實是被原始塊物件遮蓋，但是可以通過x-offset和y-offset來移動陰影（相對於原始快物件）。現在通過3個70x70px的div來看看模糊的效果，box-shadow設定如下：
**如下
複製**
#d5#d6
#d7
模糊就是對陰影由內到進行模糊處理，www.111cn.net/對比d6和d7，可以看到模糊引數值越大，模糊的面積也越大。最後來看看看模糊距離引數，box-shadow設定如下：
**如下
複製**
#d8#d9
#d10
原文:
CSS3 box shadow 陰影使用
css3 box shadow 內陰影與外陰影 1 box shadow具體使用方法，語法 e 換句說 物件選擇器 取值 投放方式 預設是外陰影 box shadow屬性至多有6個引數設定，他們分別取值 陰影型別 此引數是乙個可選值，如果不設值，其預設的投影方式是外陰影 如果取其唯一值 inset ...
CSS3 box shadow 陰影使用
css3 box shadow 內陰影與外陰影 1 box shadow具體使用方法，語法 e 換句說 物件選擇器 取值 投放方式 預設是外陰影 box shadow屬性至多有6個引數設定，他們分別取值 陰影型別 此引數是乙個可選值，如果不設值，其預設的投影方式是外陰影 如果取其唯一值 inset ...
CSS3 box shadow 陰影使用
ss3 box shadow 內陰影與外陰影 1 box shadow具體使用方法，語法 e 換句說 物件選擇器 取值 投放方式 預設是外陰影 box shadow屬性至多有6個引數設定，他們分別取值 陰影型別 此引數是乙個可選值，如果不設值，其預設的投影方式是外陰影 如果取其唯一值 inset 就...