CSS中阴影样式是一种常用的样式效果，可以为页面元素增添深度感和层次性。

.box {
box-shadow: 2px 2px 4px #000000;
}

如上代码示例，box-shadow属性定义了一个阴影效果，其中2px是阴影的水平偏移距离，2px是阴影的垂直偏移距离，4px是阴影的模糊半径，#000000是阴影的颜色值。

box-shadow属性的语法格式如下：

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

其中，h-shadow和v-shadow表示阴影的水平和垂直偏移距离，可以是正负值，例如-2px表示阴影往左移动2px。

blur表示阴影的模糊半径，值越大越模糊。

spread表示阴影的扩散半径，指定为正值时会将阴影扩散到元素之外，指定为负值时会将阴影收缩在元素内部。

color表示阴影的颜色值，可以使用颜色名称、RGB值或者十六进制数值表示。

inset表示阴影是否在元素内部，不写默认在元素外部。

除了box-shadow属性，还有text-shadow和drop-shadow属性可以实现文本和图片的阴影效果。

.text {
text-shadow: 1px 1px 1px #000000;
}
.image {
filter: drop-shadow(2px 2px 2px #000000);
}

如上代码示例，text-shadow属性定义了一个文本阴影，drop-shadow属性定义了一个图片阴影。

在实际应用中，可以根据需要调整阴影的参数值，制作出不同颜色、大小、形态的阴影效果，使页面元素更加生动、立体。