語法

box-shadow: h-shadow v-shadow blur spread color inset;

注意：boxShadow 屬性把一個或多個下拉陰影添加到框上。該屬性是一個用逗號分隔陰影的列表，每個陰影由 2-4 個長度值、一個可選的顏色值和一個可選的 inset 關鍵字來規定。省略長度的值是 0。

值 / 說明

h-shadow 必需的。水平陰影的位置。允許負值
v-shadow 必需的。垂直陰影的位置。允許負值
blur 可選。模糊距離
spread 可選。陰影的大小
color 可選。陰影的顏色。在CSS顏色值尋找顏色值的完整列表
inset 可選。從外層的陰影（開始時）改變陰影內側陰影

四個不同樣式

box-shadow:    0px -10px 0px 0px #ff0000,   /*上邊陰影  紅色*/

                -10px 0px 0px 0px #3bee17,   /*左邊陰影  綠色*/

                10px 0px 0px 0px #2279ee,    /*右邊陰影  藍色*/

                0px 10px 0px 0px #eede15;    /*下邊陰影  黃色*/

加點陰影

box-shadow: 0px -5px 10px 0px #ff0000, 
			-6px 0px 6px 0px #3bee17, 
			6px 0px 6px 0px #2279ee, 
			0px 5px 19px 0px #eede15;

實現效果比如這樣的: