语法
box-shadow: h-shadow v-shadow blur spread color inset;box-shadow 向框增加一个或多个暗影。该属性是由逗号分隔的暗影列表，每个暗影由 2-4 个长度值、可选的色彩值以及可选的 inset 关键词来规定。省略长度的值是 0。
box-shadow 属性值 – 单边暗影
.showdow-top{box-shadow: 0px -10px 10px -10px #333;}
.shadow-bottom{box-shadow: 0px 10px 10px -10px #333;}
.shadow-right{box-shadow: 10px 0px 10px -10px #333;}
.shadow-left{box-shadow: -10px 0px 10px -10px #333;}box-shadow 配置阐明
| 值 | 形容 | |
|---|---|---|
| h-shadow | 必须 | 程度暗影的地位 , 容许负值 |
| v-shadow | 必须 | 垂直暗影的地位。容许负值 |
| blur | 可选 | 暗影的尺寸 |
| spread | 可选 | 含糊间隔 |
| color | 可选 | 暗影的色彩。请参阅 CSS 色彩值 |
| inset | 可选 | 将内部暗影 (outset) 改为外部暗影 |