CSS盒子添加陰影的方法

在CSS中，可以使用box-shadow屬性為盒子添加陰影。box-shadow屬性接受四個值，分別是水平偏移、垂直偏移、模糊半徑和擴展半徑，這四個值可以通過逗號隔開，也可以省略其中的一些值。

以下代碼可以為盒子添加一個簡單的陰影：

box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);

這個例子中，水平偏移和垂直偏移都是10像素，模糊半徑是5像素，擴展半徑是0像素，顏色為黑色，透明度為0.75，可以根據(jù)需要調(diào)整這些值，以達到不同的陰影效果。

除了box-shadow屬性，CSS還提供了text-shadow屬性，可以為文本添加陰影，與box-shadow類似，text-shadow也接受四個值，分別是水平偏移、垂直偏移、模糊半徑和擴展半徑。

以下代碼可以為文本添加一個簡單的陰影：

text-shadow: 2px 2px 4px rgba(0,0,0,0.5);

這個例子中，水平偏移和垂直偏移都是2像素，模糊半徑是4像素，擴展半徑是0像素，顏色為黑色，透明度為0.5，可以根據(jù)需要調(diào)整這些值，以達到不同的文本陰影效果。

需要注意的是，如果盒子的背景色與陰影的顏色相同，那么陰影可能無法顯示出來，在添加陰影時，建議選擇與背景色不同的顏色。