CSS盒子設(shè)置陰影是網(wǎng)頁(yè)設(shè)計(jì)中一個(gè)非常常用的技巧，可以使頁(yè)面看起來(lái)更加立體、美觀。下面是一些常見(jiàn)的CSS陰影效果。

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

這個(gè)陰影效果會(huì)在盒子的四個(gè)方向上都產(chǎn)生4px的模糊陰影。

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

這個(gè)陰影效果會(huì)同時(shí)產(chǎn)生兩層陰影，一層10px的模糊陰影和一層20px的更模糊的陰影，使得盒子看起來(lái)更加立體。

.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);
}

這個(gè)陰影效果會(huì)同時(shí)產(chǎn)生五層陰影，每層陰影都比上一層更加淡，使得盒子看起來(lái)像是浮起來(lái)的。

以上是一些常見(jiàn)的CSS盒子陰影效果，可以根據(jù)自己的需要進(jìn)行靈活的組合。