CSS是網頁設計中常用的樣式語言。在設計網站頁面時，為了讓頁面更美觀，我們通常需要添加一些陰影效果來突出頁面元素，那么如何使用CSS添加背景陰影呢？

/* CSS代碼示例 */
.box{
box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
/* 陰影樣式 */
background-color: #fff;
/* 背景顏色 */
width: 200px;
height: 200px;
}

在上述CSS代碼中，box-shadow屬性表示設置一個盒子陰影效果，參數有四個，依次是：水平方向位移、垂直方向位移、模糊半徑和顏色。如上述代碼所示，我們設置水平方向為5px，垂直方向也是5px，模糊半徑為5px，顏色為rgba(0,0,0,0.5)，也就是一個半透明的黑色。

除了設置陰影效果外，我們還需要設置背景顏色、元素的寬度和高度等其他樣式。在上述例子中，我們將背景顏色設置為白色，寬度和高度均為200px。

通過添加box-shadow屬性，我們可以輕松地為網站頁面元素添加陰影效果，讓頁面更加美觀，視覺效果更好。這是網頁設計中不可或缺的一部分。