陰影的原理：多個投影的重疊  以及  由主陰影和另外的陰影重疊而成的

一、曲邊陰影

用box-shadowbox-shadow的引數有h-shadow(水平陰影的位置)v-shadow（垂直陰影的位置）都可為負值，都為必寫的值（當v-shadow和h-shadow值為0的時候陰影就是四面都有）。blur是模糊距離，spread是陰影的尺寸，color是陰影的顏色，設定顏色時建議用rgba（0，0，0，0.9）其中最後一個值是設的不透明度，從0到1，越接近1代表透明度越低。inset是將外部陰影（outset）改為內部陰影。如果用內陰影要在一個box-shadow後面用逗號隔開，設定完屬性後 （空格）inset。為div設定圓角時用border-radius，border-radius：100px/10px表示水平方向上的半徑為100px,垂直方向上半徑為10px
還要為次投影設定z-index：-1使得這個投影在主投影的下面，設定content:'',表示插入一個這個投影在div裡面。儘管content:''的單引號裡可以插入文字之類的但顯然我們要的不是這個而是空白的陰影（這句話前後矛盾了哈）如果想讓陰影的顏色更深一點，一定程度上改變不透明度也行，但是也可以用陰影的重疊達到效果。

二、翹邊陰影

在曲線陰影的前提工作下，將次投影做圖形的轉換，用transform，其語法為transform:none/transform-functions,引數有skew(x-angle,y-angle)定義沿著x軸和y軸的2D傾斜轉換。skewX定義沿著X軸的2D傾斜轉換，同理skewY。向左做傾斜就令為負數。用rotate表示旋轉多少度。