在CSS中，投影是一種非常常見的效果，它能夠為元素增添一些現實感，使得它們看起來更加豐滿、有立體感。而了解如何設置投影是非常關鍵的，下面我們就來介紹一下。 要設置投影，我們需要使用到box-shadow屬性。這個屬性可以創建一個陰影效果，并且可以控制投影的顏色、大小、位置等等。下面是一個示例，演示如何設置一個淡灰色的投影：

.shadow {
box-shadow: 2px 2px 2px #ccc;
}

上面的代碼片段說明了一個有趣的事實：實際上，在CSS中設置投影的原理，很類似于在Photoshop中設置投影。我們需要指定每個方向的偏移量（比如左邊2個像素），以及投影的大小（比如2個像素），最后還需要設置投影的顏色。 但是需要注意的是，box-shadow屬性并不兼容所有瀏覽器，一些舊瀏覽器可能無法支持它。因此，在應用投影時，建議使用適當的Hack，以保證兼容性。 此外，box-shadow屬性還有一個非常實用的功能，那就是可以采用多重投影的效果。也就是說，我們可以在同一個元素上設置多個投影，以此達到更加復雜的效果。下面的代碼片段就演示了一個實用的多重投影實例：

.shadow {
box-shadow: 1px 1px 2px #ccc,
3px 3px 4px #999;
}

上面的代碼設置了兩個投影，一個是以1像素的X和Y偏移，2個像素的模糊半徑和淡灰色的顏色；另一個是以3像素的X和Y偏移，4個像素的模糊半徑和深灰色的顏色。 總之，投影是CSS中一個非常實用的效果。它能夠使得元素更加生動，更加立體，給用戶留下更加深刻的印象。如果你熟練掌握了box-shadow屬性的設置方法，相信你在設計網頁時，一定會運用它，讓頁面更加出彩。