CSS中陰影怎么使用？ 要給元素加上陰影的話，可以使用box-shadow屬性。這個屬性接受多個值，用逗號分開。 box-shadow屬性需要四個值，前兩個值指定水平和垂直偏移量，第三個值指定模糊度，第四個值指定陰影的大小或強度。 例如，下面的代碼會讓一張圖片向右下方偏移5像素，陰影模糊度為2像素，陰影大小或強度為10像素。

.shadow {
box-shadow: 5px 5px 2px 10px rgba(0, 0, 0, 0.5);
}

在上面的代碼中，最后一個值是一個 RGBA 顏色值，用來設定陰影的顏色和透明度。RGBA 顏色值允許你指定顏色的紅色、綠色、藍色和透明度。 除了box-shadow之外，CSS還提供了text-shadow屬性，用來給文字添加陰影效果。text-shadow跟box-shadow很像，需要三個值：水平和垂直偏移量和模糊度。 例如，下面的代碼會讓一段文字向右下方偏移2像素，陰影模糊度為1像素。

.shadow-text {
text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
}

需要注意的是，陰影效果可能會影響頁面性能，因為瀏覽器需要計算陰影效果，這將增加整個頁面的渲染時間。如果你需要使用大量的陰影效果，可能會導致整個頁面變得很慢。因此，在使用陰影效果之前，需要確保它不會對性能產(chǎn)生明顯的影響。