div盒子四边阴影怎么设置

你可以使用 CSS 的 box-shadow 属性来为 div 盒子设置四边阴影，语法如下：

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

其中，h-shadow 和 v-shadow 分别指定水平和垂直方向的偏移量，blur 指定模糊程度，spread 指定阴影的扩散程度，color 指定阴影的颜色。

例如，为 div 盒子设置 10px 的水平偏移量、10px 的垂直偏移量、5px 的模糊程度、10px 的扩散程度和黑色的阴影颜色，可以使用以下样式：

div {
  box-shadow: 10px 10px 5px 10px #000;
}

你可以根据需要调整各个参数来达到想要的效果。

相关问题

设置一个盒子，内部是黑色，四边内阴影是淡蓝色

您可以通过CSS样式来为盒子设置内部黑色和淡蓝色的阴影效果。以下是一个示例代码：

<style>
.box {
  width: 200px;
  height: 200px;
  background-color: black;
  box-shadow: inset 0 0 10px lightblue;
}
</style>

<div class="box"></div>

在上面的代码中，我们创建了一个宽度和高度为200像素的盒子，并将其背景颜色设置为黑色（`background-color: black;`）。然后，使用`box-shadow`属性为盒子添加了一个内阴影效果。`inset`关键字表示这是一个内阴影，而后面的`0 0 10px lightblue`表示阴影的偏移量、模糊程度和颜色。这里的偏移量和模糊程度都设置为0，只需调整颜色值即可。

运行上述代码，您将看到一个黑色背景的盒子，并带有淡蓝色的内阴影效果。您可以根据需要调整盒子的大小和颜色值。

div四边凹进去css样式

可以使用box-shadow属性来实现div四边凹进去的效果，例如：

div {
box-shadow: inset 10px rgba(, , , .5);
}

这样设置后，div的四边就会凹进去，效果类似于一个内阴影。