CSS樣式容器陰影是一種常見的網頁裝飾方式。通過給網頁元素添加陰影效果，可以提高整個頁面的層次感和美觀度。下面我們來看看如何設置CSS樣式容器陰影。

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

上述代碼中，我們使用box-shadow屬性來設置陰影效果。屬性值分別為X軸偏移量、Y軸偏移量、模糊半徑和陰影的顏色。這里我們設置偏移量為2px，模糊半徑也為2px，顏色為#888888。

下面我們來解釋一下這些參數的含義：

• X軸偏移量：指陰影在水平方向上的偏移位置，可以是正數也可以是負數。
• Y軸偏移量：指陰影在垂直方向上的偏移位置，同樣可以是正數或負數。
• 模糊半徑：指陰影的擴散程度，越大則陰影越模糊，反之則陰影越清晰。
• 顏色值：指陰影的顏色，可以使用顏色名稱、十六進制顏色值或者RGB顏色值。

除了box-shadow屬性，CSS還提供了其他相關的屬性來設置陰影效果。例如，我們可以使用text-shadow屬性來為文本添加陰影效果。下面我們來看一下具體的代碼示例：

h1 {
text-shadow: 2px 2px 2px #888888;
}

上述代碼中，我們使用text-shadow屬性來設置文本陰影效果，屬性值與box-shadow類似。這里我們將h1標題文本的陰影顏色設置為#888888，陰影偏移量也為2px。

總之，CSS樣式容器陰影可以為網頁增加立體感和美觀度，不同的屬性值組合可以產生各種不同的陰影效果。同時，我們還可以利用JavaScript等后端技術生成更加復雜的陰影效果，以實現更高級的網頁設計。