box-shadow属性用于添加一个或多个阴影效果到一个元素。
box-shadow属性有以下语法：
box-shadow: h-shadow v-shadow blur spread color inset;
具体参数解释如下：
h-shadow：水平阴影的位置，可以是正值也可以是负值。正值表示阴影位于元素右侧，负值表示阴影位于元素左侧。
v-shadow：垂直阴影的位置，可以是正值也可以是负值。正值表示阴影位于元素下方，负值表示阴影位于元素上方。
blur：可选参数，表示模糊程度。值越大，阴影越模糊。默认为0。
spread：可选参数，表示阴影的尺寸。正值表示阴影扩展，负值表示阴影收缩。默认为0。
color：可选参数，表示阴影的颜色。可以使用颜色名称、十六进制、RGB或RGBA值表示。默认为黑色。
inset：可选参数，表示阴影是否为内阴影。如果设置为inset，则阴影将显示在元素内部。
下面是一些例子：
/* 添加一个水平位于元素右侧、垂直位于元素下方的黑色阴影 */
box-shadow: 5px 5px black;
/* 添加一个水平位于元素左侧、垂直位于元素上方的红色阴影，模糊程度为10px */
box-shadow: -5px -5px 10px red;
/* 添加一个水平位于元素右侧、垂直位于元素下方的黑色阴影，模糊程度为5px，尺寸扩展为10px */
box-shadow: 5px 5px 5px 10px black;
/* 添加一个水平位于元素右侧、垂直位于元素下方的黑色内阴影 */
box-shadow: 5px 5px black inset;
你可以根据需要组合不同的参数来设置box-shadow属性，创建出各种不同的阴影效果。
亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>
相关推荐：css的box-shadow属性怎么使用