在網頁設計中，框陰影是一種經常出現的效果。在CSS中，我們可以使用box-shadow屬性來添加陰影效果。本文將用CSS制作白色框陰影的效果。

.box {
width: 200px;
height: 100px;
background-color: white;
box-shadow: 0 0 5px rgba(0,0,0,0.3);
}

首先，我們需要設置一個有背景色的容器，這里設置容器的寬度為200像素，高度為100像素，背景色為白色：

.box {
width: 200px;
height: 100px;
background-color: white;
}

接下來，我們需要添加陰影效果。使用box-shadow屬性，第一個參數為水平偏移量，第二個參數為垂直偏移量，第三個參數為模糊半徑，第四個參數為陰影顏色和顏色的透明度。這里設置水平和垂直偏移量為0，模糊半徑為5像素，顏色為黑色并設置透明度為0.3。

.box {
box-shadow: 0 0 5px rgba(0,0,0,0.3);
}

最終的代碼如下所示：

.box {
width: 200px;
height: 100px;
background-color: white;
box-shadow: 0 0 5px rgba(0,0,0,0.3);
}

以上代碼可以應用于任何容器，使其擁有與本文所示相同的白色框陰影效果。希望這篇文章可以幫助你更好地理解如何使用CSS制作陰影效果。