CSS怎么給元素添加陰影？

在CSS中，可以使用box-shadow屬性給元素添加陰影。box-shadow屬性接受四個值，分別是水平偏移、垂直偏移、模糊半徑和擴展半徑，這四個值可以通過逗號隔開，也可以通過/符號將前兩個值和后兩個值分開。

以下代碼可以給一個元素添加陰影：

box-shadow: 10px 10px 5px 0px #000;

10px 10px表示水平偏移和垂直偏移都為10像素，5px 0px表示模糊半徑為5像素，擴展半徑為0像素，#000表示陰影顏色為黑色。

除了box-shadow屬性，CSS還提供了text-shadow屬性，用于給文本添加陰影。text-shadow屬性接受三個值，分別是水平偏移、垂直偏移和顏色。

text-shadow: 2px 2px #333;

2px 2px表示水平偏移和垂直偏移都為2像素，#333表示陰影顏色為深灰色。

需要注意的是，使用陰影時需要考慮性能問題，過多的陰影會消耗大量的計算資源，影響頁面的加載速度和響應性能，在實際應用中需要謹慎使用陰影效果。