text-shadow是給文字新增陰影效果，box-shadow是給元素塊新增周邊陰影效果。隨著html5和css3的普及，這一特殊效果使用越來越普遍。
基本語法是
物件選擇器
box-shadow屬性的引數設定取值：
陰影型別：此引數可選。如不設值，預設投影方式是**影；如取其唯一值「inset」，其投影為內陰影；
x-offset:陰影水平偏移量，其值可以是正負值。如果值為正值，則陰影在物件的右邊，其值為負值時，陰影在物件的左邊；
y-offset:陰影垂直偏移量，其值也可以是正負值。如果為正值，陰影在物件的底部，其值為負值時，陰影在物件的頂部；
陰影模糊半徑：此引數可選，，但其值只能是為正值，如果其值為0時，表示陰影不具有模糊效果，其值越大陰影的邊緣就越模糊；
陰影擴充套件半徑：此引數可選，其值可以是正負值，如果值為正，則整個陰影都延展擴大，反之值為負值時，則縮小；
陰影顏色：此引數可選。如不設定顏色，瀏覽器會取預設色，但各瀏覽器預設取色不一致，特別是在webkit核心下的safari和chrome瀏覽器下表現為透明色，在firefox/opera下表現為黑色（已驗證），建議不要省略此引數。
為了相容各主流瀏覽器並支援這些主流瀏覽器的較低版本，在基於webkit的chrome和safari等瀏覽器上使用box-shadow屬性時，我們需要將屬性的名稱寫成-webkit-box-shadow的形式。firefox瀏覽器則需要寫成-moz-box-shadow的形式。
.box-shadow
並且此處還涉及到乙個多陰影的順序問題。當給同乙個元素使用多個陰影屬性時，需要注意它的順序，最先寫的陰影將顯示在最頂層，如. box-shadow-7設為不同的模糊值：
.box-shadow-7在六一兒童節的專題中，我是這麼處理的：
li.blk-itemie-css3.htc是乙個可以讓ie瀏覽器支援部份css3屬性的htc檔案，不只是box-shadow，它還可以讓你的ie瀏覽器支援圓角屬性border-radius和文字陰影屬性text-shadow。
在你的裡面寫入下面的**:
這個指令碼的缺點是ie只支援一部分的box-shadow值。需要注意：
使用方法很簡單，將該檔案和jquery版本庫引入head標籤，插入以下js效果**：
補充知識：css3的屬性
border-top-left-radius：[| ] [ | ]?取值：
：
用長度值設定物件的左上角(top-left)圓角半徑長度。不允許負值
：用百分比設定物件的左上角(top-left)圓角半徑長度。不允許負值
設定或檢索物件的左上角圓角邊框。提供2個引數，2個引數以空格分隔，每個引數允許設定1個引數值，第1個引數表示水平半徑，第2個引數表示垂直半徑，如第2個引數省略，則預設等於第1個引數。 如設定border-top-left-radius:5px10px;表示top-left這個角的水平圓角半徑為5px，垂直圓角半徑為10px。對應的指令碼特性為bordertopleftradius。
css3陰影演示工具
---------------------
原文：
css3 邊框陰影 box shadow
box shadow是向盒子新增陰影。支援新增乙個或者多個。很簡單的一段 就實現了投影效果，酷斃了。我們來看下語法 box shadow x軸偏移量 y軸偏移量 陰影模糊半徑 陰影擴充套件半徑 陰影顏色 投影方式 引數介紹 注意 inset 可以寫在引數的第乙個或最後乙個，其它位置是無效的。為元素設...
CSS3 邊框陰影box shadow
box shadow是css3中的乙個屬性，它可以向框新增乙個或多個陰影。box shadow h shadow v shadow blur spread color inset 其中box shadow的屬性 h shadow 水平陰影的位置。v shadow 垂直陰影的位置。blur 模糊距離 ...
CSS3盒子陰影box shadow
來自w3cschool的解釋 語法 box shadow h shadow v shadow blur spread color inset 值描述 h shadow 必需。水平陰影的位置。允許負值。v shadow 必需。垂直陰影的位置。允許負值。blur 可選。模糊距離。spread 可選。陰影...