简述CSS盒阴影的原理 ？
CSS的盒阴影（box-shadow）是一种装饰效果，可以在元素的框架周围添加阴影。
box-shadow属性接收多个值，基本的语法是这样的：
box-shadow: h-offset v-offset blur spread color;
这些值的含义如下：
h-offset：表示阴影的水平偏移量。正值将阴影向右偏移，负值将阴影向左偏移。v-offset：表示阴影的垂直偏移量。正值将阴影向下偏移，负值将阴影向上偏移。blur：表示阴影的模糊距离。较大的值会产生更大的模糊效果。spread：表示阴影的大小。正值会增加阴影的尺寸，负值会减小阴影的尺寸。color：表示阴影的颜色。
例如，以下的CSS会在一个元素上添加一个红色的盒阴影，水平偏移10px，垂直偏移10px，模糊距离5px，没有扩展：
.element {
box-shadow: 10px 10px 5px 0px red;
}
你也可以使用inset关键字创建内阴影，即阴影在元素内部。例如：
.element {
box-shadow: inset 10px 10px 5px 0px red;
}
在这个例子中，.element是你想要添加阴影的元素的类名。