基礎(chǔ)知識(shí)(取自騰訊ISD Webteam CSS3中文手冊(cè))  語法： 
box-shadow：<length> <length> <length> <length> || <color>  取值：  <length> <length> <length>? <length>? || <color>：陰影水平偏移值（可取正負(fù)值）；陰影垂直偏移值（可取正負(fù)值）；陰影模糊值；陰影顏色              說明： 
設(shè)置塊陰影                                                                                                                                                引擎類型                      Gecko                      Webkit                      Presto                                          Box-shadow -moz-box-shadow -webkit-border-shadow     


    兼容性：                                        類型                      Internet Explorer                      Firefox                      Chrome                      Opera                      Safari                                          版本 (×)IE6 (×)Firefox 3.0.10 (√)Chrome 2.0.x (×)Opera 9.64 (√)Safari 4  (×)IE7 (√)Firefox 3.5
(√)Opera 10.6
  (×)IE8



  (√)IE9



      代碼與實(shí)例  CSS代碼：
.box_shadow{    width:180px;      padding:40px 20px;      background:white;      -webkit-box-shadow:4px 2px 6px #333333;      -moz-box-shadow:3px 2px 6px #333333; } HTML代碼：
<div class="box_shadow">盒陰影效果，看看如何~~</div>  效果截圖                      1.最新版本的火狐和谷歌瀏覽器已支持不加前綴的box-shadow屬性。 2.box-shadow可以實(shí)現(xiàn)內(nèi)陰影，添加一個(gè)inset屬性即可，如box-shadow:inset 0 0 5px #ccc 3.box-shadow可以寫多次，最先寫的顯示在最頂層。