盒子四周加陰影是網(wǎng)頁設(shè)計中常用的樣式之一，可以讓盒子更加立體感和層次感。使用CSS3提供的box-shadow屬性可以很方便地實現(xiàn)這個效果。

首先，需要在CSS中對需要添加陰影的盒子元素添加樣式：

.box {
width: 200px;
height: 200px;
background-color: #fff;
box-shadow: 3px 3px 5px #cccccc;
}

其中，box-shadow屬性的格式為：

box-shadow: x-offset y-offset blur spread color;

它包含了5個參數(shù)：

• x-offset：水平方向陰影的起始位置
• y-offset：垂直方向陰影的起始位置
• blur：模糊程度
• spread：陰影擴散程度
• color：陰影顏色

以上樣式設(shè)置就是在元素的右下方添加了一個寬度為5px、顏色為#cccccc的陰影。

如果希望在元素的四周都添加陰影，可以擴大blur、spread的數(shù)值，或者使用多個box-shadow屬性進行疊加：

.box {
width: 200px;
height: 200px;
background-color: #fff;
box-shadow: 
3px 3px 5px #cccccc,
-3px -3px 5px #cccccc;
}

以上樣式設(shè)置將在元素的右下和左上兩個位置都添加了一個寬度為5px、顏色為#cccccc的陰影，形成了全方位的陰影效果。