css box-shadow

CSS的box-shadow属性用于向元素添加阴影效果。它可以让元素看起来浮起来，或者给其添加深度和维度感。box-shadow属性接受一组参数来定义阴影的样式、颜色和大小。

语法如下：

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

- h-shadow：水平阴影的位置。可以是正值（右侧偏移）或负值（左侧偏移）。
- v-shadow：垂直阴影的位置。可以是正值（向下偏移）或负值（向上偏移）。
- blur：可选，模糊距离。默认值为0，表示无模糊效果。
- spread：可选，阴影的尺寸。正值会扩大阴影，负值会缩小阴影。
- color：可选，阴影的颜色。可以使用颜色名称、十六进制值或rgb/rgba值。
- inset：可选，指定阴影是否是内嵌的（在边框之内）。默认为外阴影。

以下是一些示例：

/* 添加一个简单的外阴影 */
box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);

/* 添加一个带模糊效果的内阴影 */
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);

/* 添加多个阴影效果，以逗号分隔 */
box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5), -2px -2px 4px 0 rgba(255, 255, 255, 0.5);

通过调整这些参数的值，你可以创建出各种不同的阴影效果来适应你的设计需求。希望对你有所帮助！如果有更多问题，请随时提问。