前端通过box-shadow 属性向框添加一个或多个阴影。

语法：

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

值的含义：

h-shadow    必需。水平阴影的位置。允许负值。    

v-shadow    必需。垂直阴影的位置。允许负值。   

blur    可选。模糊距离。       

spread    可选。阴影的尺寸。    

color    可选。阴影的颜色。请参阅 CSS 颜色值。   

inset    可选。将外部阴影 (outset) 改为内部阴影。    

给到前端这几个数值的大小，前端就能还原设计稿的效果了