CSS方框怎么設置多個陰影

在CSS中，我們可以使用box-shadow屬性為方框添加多個陰影。box-shadow屬性接受四個值，分別是水平偏移、垂直偏移、模糊半徑和顏色，我們可以通過多次設置box-shadow屬性，來添加多個陰影，下面是一個示例：

.box {
  width: 200px;
  height: 200px;
  border: 1px solid #000;
  box-shadow: 10px 10px 5px #000, 20px 20px 10px #333, 30px 30px 15px #666;
}

在上面的示例中，我們?yōu)榉娇蛱砑恿巳齻€陰影，***個陰影的水平偏移和垂直偏移都是10px，模糊半徑是5px，顏色是黑色，第二個陰影的水平偏移和垂直偏移都是20px，模糊半徑是10px，顏色是深灰色，第三個陰影的水平偏移和垂直偏移都是30px，模糊半徑是15px，顏色是深藍色。

我們可以通過調(diào)整這些值來改變陰影的效果，我們可以增加或減少陰影的數(shù)量、調(diào)整陰影的顏色、大小等，這樣，我們就可以根據(jù)需要創(chuàng)建出不同的視覺效果。