css怎么设置阴影效果

CSS中可以通过box-shadow属性来设置阴影效果。该属性可以接受多个值，用逗号分隔。

语法如下：

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

• h-shadow：水平方向的阴影位置，可以是正值（右边）或负值（左边）。
• v-shadow：垂直方向的阴影位置，可以是正值（向下）或负值（向上）。
• blur：可选，模糊半径。
• spread：可选，阴影的尺寸。
• color：可选，阴影的颜色。
• inset：可选，指定是否为内阴影。

例如，要设置一个水平偏移量为2px、垂直偏移量为4px、模糊半径为6px、颜色为红色的外阴影效果，可以使用以下代码：

box-shadow: 2px 4px 6px red;

如果要设置内阴影效果，可以在box-shadow属性最后加上inset关键字，例如：

box-shadow: 2px 4px 6px red inset;

需要注意的是，box-shadow属性在不同浏览器中的兼容性可能会有所不同，因此在使用时需要进行兼容性测试和适配。