前端 CSS 经典：box-shadow

1. 基础属性

/* box-shadow: h-shadow v-shadow blur spread color inset; */
box-shadow: 10px 10px 2px 2px red inset;

h-shadow: 必填，水平阴影的位置，允许负值

v-shadow: 必填，垂直阴影的位置，允许负值

blur: 可选，模糊程度

spread: 可选，阴影大小

color: 可选，阴影颜色

inset: 可选，设置后为内侧阴影

2. 解释

boxShadow 可以用逗号分割多个阴影设置，每个阴影由 2-4 个长度值、一个可选的颜色值和一个可选的 inset 关键字来规定。省略长度的值是 0

例如：

.box {
  box-shadow: 1px 1px 2px 2px blue, 1px 1px 2px 2px red inset;
}