CSS背景白色陰影的制作方法

在CSS中，我們可以使用box-shadow屬性來制作白色陰影，以下是一些示例代碼：

1、為一個元素添加白色陰影：

.box {
  width: 200px;
  height: 200px;
  background-color: #333;
  box-shadow: 0 0 10px 5px #fff;
}

在這個示例中，box-shadow屬性的值0 0 10px 5px #fff表示陰影從元素的中心開始，向四個方向擴展，其中10px表示陰影的模糊半徑，5px表示陰影的擴展半徑，#fff表示陰影的顏色為白色。

2、為一個元素添加多個白色陰影：

.box {
  width: 200px;
  height: 200px;
  background-color: #333;
  box-shadow: 0 0 10px 5px #fff, 5px 5px 15px 10px #fff;
}

在這個示例中，我們添加了兩個陰影，***個陰影的模糊半徑為10px，擴展半徑為5px；第二個陰影的模糊半徑為15px，擴展半徑為10px，這樣，我們可以得到多個不同大小和模糊度的白色陰影。

3、為一個元素添加漸變的白色陰影：

.box {
  width: 200px;
  height: 200px;
  background-color: #333;
  box-shadow: 0 0 10px 5px #f0f0f0, 5px 5px 15px 10px #f9f9f9, 10px 10px 20px 15px #fff;
}

在這個示例中，我們使用了三個不同的顏色來制作漸變的白色陰影，這樣，我們可以得到一種從淺到深的漸變的白色陰影效果。