新！ 我的 44 页电子书“44 分钟内的 CSS”已发布！ 😃
#box-shadow
定义元素的阴影。
默认 box-shadow: none;
删除应用于元素的任何 box-shadow。
box-shadow: 2px 6px;
您至少需要两个值
- 第一个是水平偏移量
- 第二个是垂直偏移量
阴影颜色将从文本颜色继承。
box-shadow: 2px 6px red;
您可以将颜色定义为最后一个值。
与color一样，您可以使用颜色名称、十六进制、rgb、hsl...
box-shadow: 2px 4px 10px red;
可选的第三个值定义阴影的模糊。
在本例中，颜色将在 10 像素范围内从不透明到透明进行扩散。
box-shadow: 2px 4px 10px 4px red;
可选的第四个值定义阴影的扩展。
扩展定义了阴影应增长多少：它增强了阴影。