如何使用css设置边框阴影

在CSS中，可以使用`box-shadow`属性来设置元素的边框阴影。`box-shadow`属性可以设置一个或多个阴影，每个阴影可以具有不同的参数。

以下是`box-shadow`属性的语法：

```css

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

```

其中：

`h-shadow`：指定水平阴影的位置。正值向右移动阴影，负值向左移动阴影。

`v-shadow`：指定垂直阴影的位置。正值向下移动阴影，负值向上移动阴影。

`blur`：指定阴影的模糊距离。值越大，阴影越模糊。

`spread`：指定阴影的扩展距离。正值会扩大阴影，负值会缩小阴影。

`color`：指定阴影的颜色。

`inset`：指定阴影是内阴影还是外阴影。`inset`关键字会使阴影成为内阴影。

以下是一些具体的例子：

```css

/ 为元素添加外阴影 /

.box {

box-shadow: 10px 10px 5px 5px rgba(0, 0, 0, 0.3);