在 CSS3 中，可以使用 `box-shadow` 属性为盒子添加阴影效果。`box-shadow` 属性可以设置阴影的颜色、偏移量、模糊半径和扩展半径等。

　　下面是一个示例，展示如何给盒子添加阴影效果：

.box {
  width: 200px;
  height: 200px;
  background-color: #f0f0f0;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}

 　　解释：

　　- `2px`：水平偏移量，表示阴影相对于盒子的水平位置。

　　- `2px`：垂直偏移量，表示阴影相对于盒子的垂直位置。

　　- `5px`：模糊半径，表示阴影的模糊程度。

　　- `rgba(0, 0, 0, 0.3)`：阴影的颜色和透明度。`rgba` 函数用于设置颜色，前三个参数表示颜色的 RGB 值，最后一个参数表示透明度，取值范围为 0(完全透明)到 1(完全不透明)。

　　通过调整偏移量、模糊半径和颜色的值，可以创建不同样式的阴影效果。还可以使用多个 `box-shadow` 属性来叠加多个阴影效果。

.box {
  width: 200px;
  height: 200px;
  background-color: #f0f0f0;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3), 4px 4px 10px rgba(0, 0, 0, 0.2);
}

 　　上述示例给盒子添加了两个阴影效果，分别具有不同的偏移量、模糊半径和颜色。

　　注意：`box-shadow` 属性可以应用于任何具有尺寸的盒子，包括 `

上一篇

java中的nio是什么？nio核心组成部分有哪些