CSS是網(wǎng)頁設計的核心技術之一，其中制作陰影是其中一個基礎技巧。在CSS中，有三種方式可以為元素添加陰影效果，分別是box-shadow、text-shadow和drop-shadow。

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

其中，box-shadow可以為盒狀元素添加陰影效果，其語法如上。其中，2px 2px分別代表偏移量的水平和垂直方向，5px代表陰影的模糊程度，rgba(0, 0, 0, 0.3)代表陰影的顏色和透明度。

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

text-shadow可以為文本添加陰影效果，其語法如上。其中，1px 1px分別代表偏移量的水平和垂直方向，3px代表陰影的模糊程度，rgba(0, 0, 0, 0.5)代表陰影的顏色和透明度。

.drop {
filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.3));
}

drop-shadow可以為元素添加真正的投影效果，相比于box-shadow和text-shadow更為真實，但在性能和瀏覽器兼容性上可能存在問題。其語法如上，與box-shadow類似。

綜上，以上三種方式都可以用來為元素添加陰影效果，根據(jù)不同的需求選擇合適的方式進行應用。