【CSS】CSS实现元素四周阴影

在CSS中，您可以使用box-shadow属性为元素添加四周阴影。这个属性允许您设置水平偏移、垂直偏移、模糊距离和阴影颜色。

以下是一个简单的例子，展示了如何给一个元素添加四周阴影：




.shadow-box {
  width: 200px;
  height: 100px;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* 水平偏移 垂直偏移 模糊距离 颜色 */
}

HTML部分：




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

在这个例子中，.shadow-box类将会给div元素添加一个10像素模糊距离的阴影，阴影颜色为半透明黑色。您可以根据需要调整box-shadow属性的值。