在網頁設計中，背景是一個非常重要的元素，它可以讓網站看起來更加漂亮和專業(yè)。使用CSS可以很容易地為網站添加背景圖像、顏色或者紋理。其中，在很多的情況下，需要一個白色背景下的陰影效果，本文就介紹如何使用CSS實現。

.shadow {
background-color: #fff;
box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
}

在上面的CSS代碼中，我們首先定義了一個CSS類名為“shadow”，然后將該類名設置為具有白色背景顏色。接著，我們使用CSS的“box-shadow”屬性來添加陰影效果。

box-shadow屬性需要設置四個值，它們分別是：

• 水平偏移量（x軸方向）
• 垂直偏移量（y軸方向）
• 陰影模糊半徑
• 陰影擴散半徑

其中，水平偏移量和垂直偏移量用來確定陰影的位置，可以為正數或負數。陰影模糊半徑和陰影擴散半徑則用來確定陰影的大小和顏色深度。

在本例中，水平和垂直偏移量都為0，表示陰影和元素完全重疊。陰影模糊半徑設置為10px，表示陰影的邊緣模糊化10個像素。最后，我們使用了rgba（）函數來設置陰影的顏色深度。在該函數中，前三個參數用來確定顏色，最后一個參數是用來設置透明度（alpha值），在本例中，設置為0.5，表示顏色深度為50%。

通過以上的CSS代碼，我們可以很容易地為網站的白色背景添加陰影效果，達到更加專業(yè)和美觀的效果。