box-shadow是向盒子添加陰影。支持添加一個或者多個。
很簡單的一段代碼，就實現了投影效果，酷斃了。我們來看下語法：
box-shadow: X軸偏移量 Y軸偏移量 [陰影模糊半徑] [陰影擴展半徑] [陰影顏色] [投影方式];
參數介紹：
注意：inset 可以寫在參數的第一個或最后一個，其它位置是無效的。
為元素設置外陰影：
示例代碼：
.box_shadow{ box-shadow:4px 2px 6px #333333; }
效果：
為元素設置內陰影：
示例代碼：
.box_shadow{ box-shadow:4px 2px 6px #333333 inset; }
效果：
添加多個陰影：
以上的語法的介紹，就這么簡單，如果添加多個陰影，只需用逗號隔開即可。如：
.box_shadow{
box-shadow:4px 2px 6px #f00, -4px -2px 6px #000, 0px 0px 12px 5px #33CC00 inset;
}
效果：
在右側編輯器中的第10行，為div添加兩個不同的陰影，一個外部陰影，一個內部陰影。
備注:這一小節沒有正確性驗證，請查看結果窗口，從而判斷輸入代碼是否正確。
還記得嗎：
1、多個陰影用逗號隔開；
2、投影方式默認（省略時）為外部（outset）；
3、內部陰影設置inset即可。inset 可以寫在參數的第一個或最后一個，其它位置是無效的。
請驗證，完成請求
由于請求次數過多，請先驗證，完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報