box-shadow屬性可以設置一個或多個下拉陰影的框
語法
box-shadow: h-shadow v-shadow blur spread color inset;
注意：boxShadow 屬性把一個或多個下拉陰影添加到框上。該屬性是一個用逗號分隔陰影的列表，每個陰影由 2-4 個長度值、一個可選的顏色值和一個可選的 inset 關鍵字來規定。省略長度的值是 0。
| 值 | 說明 |
|---|---|
| h-shadow | 必需的。水平陰影的位置。允許負值 |
| v-shadow | 必需的。垂直陰影的位置。允許負值 |
| blur | 可選。模糊距離 |
| spread | 可選。陰影的大小 |
| color | 可選。陰影的顏色。在CSS顏色值尋找顏色值的完整列表 |
| inset | 可選。從外層的陰影（開始時）改變陰影內側陰影 |
react中使用 ：
style={{boxShadow: "2px 2px 3px #888888"}}
效果：
text-shadow 屬性應用於陰影文本
語法
text-shadow: h-shadow v-shadow blur color;
注意： text-shadow屬性連接一個或更多的陰影文本。屬性是陰影，指定的每2或3個長度值和一個可選的顏色值用逗號分隔開來。已失時效的長度爲0。
| 值 | 描述 |
|---|---|
| h-shadow | 必需。水平陰影的位置。允許負值。 |
| v-shadow | 必需。垂直陰影的位置。允許負值。 |
| blur | 可選。模糊的距離。 |
| color | 可選。陰影的顏色。參閱 CSS 顏色值。 |
react中使用 ：
style={{textShadow: "2px 2px #FF0000"}}
效果：
