CSS中的陰影設置

在CSS中，我們可以使用box-shadow屬性來設置元素的陰影效果。box-shadow屬性允許我們添加多個陰影，并且可以設置每個陰影的顏色、模糊半徑、擴展距離和角度。

要設置一個元素的陰影，我們需要指定要添加陰影的元素，并使用box-shadow屬性來定義陰影的效果，我們可以給一個小盒子添加陰影，代碼如下：

.box {
  width: 200px;
  height: 200px;
  background-color: #f0f0f0;
  box-shadow: 10px 10px 5px #888888;
}

在這個例子中，我們給類名為box的元素添加了一個陰影，陰影的顏色是#888888，模糊半徑是5px，擴展距離是10px，角度是10deg。

如果要添加多個陰影，可以使用逗號分隔每個陰影的定義。

.box {
  box-shadow: 10px 10px 5px #888888, 20px 20px 10px #666666;
}

在這個例子中，我們給元素添加了兩個陰影，***個陰影的顏色是#888888，第二個陰影的顏色是#666666。

除了box-shadow屬性，CSS還提供了其他與陰影相關的屬性，如text-shadow和filter: drop-shadow()，它們可以用于設置文本和元素的陰影效果。

CSS提供了多種設置陰影的方法，我們可以根據(jù)具體的需求選擇適合的屬性來定義陰影效果。