CSS中的陰影效果

在CSS中，我們可以使用box-shadow屬性來創(chuàng)建陰影效果。box-shadow屬性允許我們在元素周圍添加多個陰影，每個陰影由四個部分組成：水平偏移、垂直偏移、模糊半徑和顏色。

如果我們想要在一個元素周圍添加一個藍色的陰影，可以這樣寫：

element {
  box-shadow: 10px 10px 5px blue;
}

在上面的代碼中，10px表示水平偏移和垂直偏移的距離，5px表示模糊半徑，blue表示陰影的顏色。

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

element {
  box-shadow: 10px 10px 5px blue, 20px 20px 10px green;
}

在上面的代碼中，元素周圍會添加兩個陰影，一個是藍色，另一個是綠色。

除了box-shadow屬性，CSS還提供了text-shadow屬性，用于給文本添加陰影，使用方法與box-shadow類似，只是作用于文本內(nèi)容。

text {
  text-shadow: 2px 2px 4px #333;
}

在上面的代碼中，文本內(nèi)容會添加一個深灰色的陰影。

CSS中的陰影效果可以通過box-shadow和text-shadow屬性來實現(xiàn)，我們可以根據(jù)需要添加多個陰影，并設置陰影的顏色、大小和偏移距離。