css怎么给一个盒子加盒阴影

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

语法：

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

提示：

boxShadow 属性把一个或多个下拉阴影添加到框上。该属性是一个用逗号分隔阴影的列表，每个阴影由 2-4 个长度值、一个可选的颜色值和一个可选的 inset 关键字来规定。省略长度的值是 0。

属性值：

<img alt=\"CSS怎么给一个盒子加盒阴影\” alt=\”3d04c2501361cb65c266f9de67fd65b.png\” src=\”https://www.freexyz.cn/d/file/20201113/431bbbff2c05b7044028fdbb77a10ceb.png\” title=\”1605229793342535.png\” />

举例：

向 div 元素添加阴影：

div
{
    box-shadow: 10px 10px 5px #888888;
}