語法：

E {box-shadow:

也就是：

E {box-shadow:inset x-offset y-offset blur-radius spread-radius color}

換句說：

物件選擇器 {box-shadow:投影方式 X軸偏移量 Y軸偏移量 陰影模糊半徑 陰影擴充套件半徑 陰影顏色}

取值：

box-shadow屬性至多有6個引數設定，他們分別取值：

陰影型別：此引數是一個可選值，如果不設值，其預設的投影方式是外陰影；如果取其唯一值“inset”,就是將外陰影變成內陰影，也就是說設定陰影型別為“inset”時，其投影就是內陰影；

X-offset:是指陰影水平偏移量其值可以是正負值可以取正負值，如果值為正值，則陰影在物件的右邊，反之其值為負值時，陰影在物件的左邊；

Y-offset:是指陰影的垂直偏移量，其值也可以是正負值，如果為正值，陰影在物件的底部，反之其值為負值時，陰影在物件的頂部；

陰影模糊半徑：此引數是可選，，但其值只能是為正值，如果其值為0時，表示陰影不具有模糊效果，其值越大陰影的邊緣就越模糊；

陰影擴充套件半徑：此引數可選，其值可以是正負值，如果值為正，則整個陰影都延展擴大，反之值為負值是，則縮小；

陰影顏色：此引數可選，如果不設定任何顏色時，瀏覽器會取預設色，但各瀏覽器預設色不一樣，特別是在webkit核心下的safari和chrome瀏覽器將無色，也就是透明，建議不要省略此引數。

.demo1 {

-webkit-box-shadow: 3px 3px 3px #000;

-moz-box-shadow: 3px 3px 3px #000;

box-shadow: 3px 3px 3px #000;

}