語法
如果 h-shadow 為0 時,加inset左右兩邊都有內陰影,如果不加inset左右兩邊都有外陰影
如果 h-shadow 為負數 時,加inset右邊有內陰影,如果不加inset左邊有外陰影
如果 h-shadow 為正數 時,加inset上邊有內陰影,如果不加inset下邊有外陰影
如果 v-shadow 為0 時,加inset上下兩邊都有內陰影,如果不加inset上下兩邊都有外陰影
如果 v-shadow 為負數 時,加inset下邊有內陰影,如果不加inset上邊有外陰影
如果 v-shadow 為正數 時,加inset上邊有內陰影,如果不加inset下邊有外陰影
blur 為正數 時,加inset邊有陰影的寬度 + 內陰影模糊地寬度(blur的px),如果不加inset 陰影的寬度 + 外陰影模糊的寬度(blur的px)
blur 為0時 時,沒有陰影模糊地范圍,只有陰影的寬度 h-shadow, v-shadow
spread 陰影的尺寸, h-shadow 的寬度以及效果加上 spread 的寬度,就是整個陰影的寬度
color 陰影的顏色,如果如果邊框陰影效果在android系統上沒有效果,就把顏色值由16進制改為rgba即可
inset 內陰影,如果需要外陰影改為 outset 如果不寫,默認是外陰影
解決瀏覽器邊框陰影兼容性問題
-moz-box-shadow:2px 2px 5px #969696; /*firefox*/
-webkit-box-shadow:2px 2px 5px #969696; /*webkit*/
box-shadow:2px 2px 5px #969696; /*opera或ie9*/