使用CSS的四周投影可以使元素產生立體感，讓網頁看起來更加豐富多彩。在CSS中，四周投影的屬性是box-shadow。

.box {
box-shadow: 2px 2px 4px #888888;
}

這段代碼表示在.box元素周圍添加一個左右偏移量為2px、上下偏移量為2px、模糊半徑為4px、顏色為#888888的投影。

也可以添加多個投影效果：

.box {
box-shadow: 2px 2px 4px #888888, -2px -2px 4px #123456;
}

這段代碼表示在.box元素周圍添加兩個投影效果，其中第一個投影效果是左右偏移量為2px、上下偏移量為2px、模糊半徑為4px、顏色為#888888的投影；第二個投影效果是左右偏移量為-2px（也就是向左移動2px）、上下偏移量為-2px（也就是向上移動2px）、模糊半徑為4px、顏色為#123456的投影。

box-shadow屬性還有其他一些參數：

• inset：投影內側
• spread：投影擴散半徑
• color：投影顏色

使用CSS的四周投影可以為網頁增添立體感，讓網頁更加豐富多彩，是一個非常實用的技巧。