CSS是前端開發中不可或缺的一種技術，通過CSS可以實現網頁布局、樣式的美化、元素的交互等等。其中，給圖片加投影是讓圖片更加立體、美觀的一種方法，接下來我們來學習一下CSS如何給圖片加投影。

首先，我們需要在CSS樣式中選擇要加投影的元素，一般是圖片或者圖片所在的容器。我們可以使用box-shadow屬性來實現添加投影的效果。具體代碼如下：

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

以上代碼中，box-shadow屬性有四個值，分別表示投影的偏移量、模糊半徑、陰影顏色和陰影擴散程度。其中，第一個值2px表示水平方向的偏移量，第二個值2px表示垂直方向的偏移量，第三個值5px表示陰影的模糊范圍。最后一個值rgba(0,0,0,0.3)表示陰影的顏色和深度，其中0.3表示陰影的透明度，數值越大表示陰影越深。

如果要給容器元素加投影，則可以使用類似以下代碼：

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

需要注意的是，box-shadow屬性可能會使得元素的渲染速度減慢，因此在使用時需要控制投影的范圍和深度，以達到較好的頁面性能。