投影 box-shadow
定義：box-shadow：h-shadow, v-shadow, blur, spread, color, inset
下面分别介紹以上各個屬性的意義，color最容易了解，就是陰影的顔色呗，這個不做測試了。
先來介紹h-shadow和v-shadow，字面的了解是水準方向和垂直方向的投影。在這裡指的是水準方向和垂直方向的投影相對于原始位置的偏移量。而原始位置，指的是當h-shadow和v-shadow都是0的時候陰影的位置，即在box的正下方。
box-shadow: 0 0 0 0 red; box-shadow: 5px 5px 0 0 red; box-shadow: inset 5px 5px 0 0 red;
大家看下差别，應該就明白v-shadow和h-shadow的含義了，預設情況下，投影是在原block最下方的，投影被蓋住了，是以，沒看出來什麼變化。當設定各個方向的偏移分别為5px時，可以看到投影往右下方分别移動了5px的距離。而inset的含義是投影是在右下還是左上。
接着介紹blur和spread的含義，它們從字面上了解是模糊和拓展的意思，是以，blur的功能是讓陰影模糊化，spread的功能是讓陰影擴大。下面看下效果。
box-shadow: 5px 5px 10px 0 red; box-shadow: 5px 5px 50px 0 red;
由上圖可知，blur主要将投影虛化，距離越大，虛化的越厲害。
box-shadow: 5px 5px 0px 10px red; box-shadow: 5px 5px 0px 20px red;