CSS盒子設置陰影是網頁設計中一個非常常用的技巧，可以使頁面看起來更加立體、美觀。下面是一些常見的CSS陰影效果。

.box1 {
box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
}

這個陰影效果會在盒子的四個方向上都產生4px的模糊陰影。

.box2 {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2), 0 0 20px rgba(0, 0, 0, 0.1);
}

這個陰影效果會同時產生兩層陰影，一層10px的模糊陰影和一層20px的更模糊的陰影，使得盒子看起來更加立體。

.box3 {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.05), 0 4px 4px rgba(0, 0, 0, 0.05), 0 8px 8px rgba(0, 0, 0, 0.05), 0 16px 16px rgba(0, 0, 0, 0.05);
}

這個陰影效果會同時產生五層陰影，每層陰影都比上一層更加淡，使得盒子看起來像是浮起來的。

以上是一些常見的CSS盒子陰影效果，可以根據自己的需要進行靈活的組合。