Css中用box-shadow设置下拉阴影框

box-shadow 属性可以设置一个或多个下拉阴影的框

可以在同一个元素上设置多个阴影成效，并用逗号将他们分隔开。该属性可设置的值包含阴影的X轴偏移量、Y轴偏移量、模糊半径、扩散半径和颜色。

语法：

box-shadow: h-shadow v-shadow blur spread color inset;

/* x偏移量 | y偏移量 | 阴影模糊半径 | 阴影扩散半径 | 阴影颜色 */

p.box{

}

box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);

参数解析

h-shadow 必需的。水平阴影的地方。允许负值

值 描述

blur 可选。模糊距离

v-shadow 必需的。垂直阴影的地方。允许负值

color 可选。阴影的颜色。在CSS颜色值探寻颜色值的完整列表

spread 可选。阴影的大小

可选。从外层的阴影（开始时）改变阴影内侧阴影

inset

希望以上内容可以解决您的问题！
如有其他问题欢迎大家一起交流学习！