CSS盒陰影是Web開發中常用的一種效果，常見于按鈕、卡片等頁面元素中。盒陰影通過添加陰影使得頁面元素具有更多的立體感和層次感，使得用戶能夠更直觀地感知頁面元素的排列與層次。

盒陰影可以使用CSS的box-shadow屬性來實現。該屬性可以設置盒子的陰影效果，包括水平偏移量、豎直偏移量、模糊半徑、陰影顏色等。下面是一個簡單的CSS代碼示例：

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

上面的CSS代碼中，.box表示待添加盒陰影的元素的類名，設置元素的寬度為200px，高度為200px，背景色為白色，后面的box-shadow屬性中，2px表示陰影的水平偏移量，2px表示豎直偏移量，5px表示模糊半徑，#ccc表示陰影的顏色。使用該屬性可以輕松地添加盒陰影效果，如下圖所示：

盒陰影還可以添加多重陰影效果，可以使用逗號（，）隔開不同的陰影值。下面是一個CSS代碼示例：

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

該CSS代碼中設置了兩個不同的陰影效果，分別是右下方向的2px陰影和左上方向的2px陰影，如下圖所示：

需要注意的是，部分低版本瀏覽器可能不支持box-shadow屬性，因此在使用時需要考慮瀏覽器兼容性問題。使用CSS3的box-shadow來實現盒陰影效果可以大大簡化開發過程，并且能夠給用戶帶來更加優秀的視覺體驗。