昨天說明了些圓角屬性，今天事不宜遲，我們來講一下陰影吧！

css常用的陰影有三種：
text-shadow、box-shadow、drop-shadow
顧名思義，text用於文字中，另外兩個可用於圖片上
差異為：box-shadow 是在整張圖的邊框下加陰影（包含白色背景）
drop-shadow 可以在png的情況下，將物體的陰影直接呈現在物體下（不包含白色背景）

text-shadow

text-shadow 程式碼語法:

text-shadow:h-shadow,v-shadow,blur,spread color
            水平陰影   垂直陰影 模糊距離   陰影顏色

css＿text-shadow 程式碼呈現：

.title{
    height: 100px;
    text-align:center;
    text-shadow: 0.1em 0.1em 0.05em rgba(17, 61, 237, 0.96)
  }

box-shadow

box-shadow 程式碼語法：

box-shadow: h-shadow,v-shadow,blur,spread color
            水平陰影  垂直陰影  模糊距離   陰影顏色

css＿drop-shadow 程式碼呈現：

img {
    width: 450px;
    border-radius: 0 25% 0 25%;
    margin-right: 10%;
    box-shadow:3px 3px 9px rgba(17, 35, 237, 0.96);
}

網頁呈現：

另外，稍微研究了下，drop-shadow似乎和filter有關，就下次和fliter再一併說好了！