CSS中的盒子陰影是一種常用的裝飾效果，可以有效地提升頁面的視覺效果和用戶體驗。盒子陰影的實現并不難，我們只需要使用CSS3中的box-shadow屬性即可。

/* 基本語法 */
box-shadow: h-shadow v-shadow blur spread color inset;
/* 參數說明 */
h-shadow：水平方向上的陰影偏移量，可以為正或負數；
v-shadow：垂直方向上的陰影偏移量，可以為正或負數；
blur：陰影的模糊程度，越大越模糊，可以為零；
spread：陰影的擴散程度，正數擴大陰影，負數縮小陰影；
color：陰影的顏色，可以是顏色值、關鍵字或RGB值；
inset：是否把陰影放置在盒子內部，默認為外部陰影。
/* 例子 */
box-shadow: 5px 5px 10px #999999;

通過修改h-shadow、v-shadow、blur、spread和color參數，我們可以創建出各種不同的盒子陰影效果。下面是一些常見的盒子陰影效果示例：

/* 標準盒子陰影 */
box-shadow: 5px 5px 10px #999999;
/* 內部盒子陰影 */
box-shadow: inset 5px 5px 10px #999999;
/* 模糊盒子陰影 */
box-shadow: 5px 5px 20px 10px #999999;
/* 擴散盒子陰影 */
box-shadow: 5px 5px 10px -5px #999999;
/* 多重盒子陰影 */
box-shadow: 5px 5px 10px #999999, -5px -5px 10px #999999;

請注意，盒子陰影可能會對頁面的性能產生一定的影響，特別是當需要大量使用盒子陰影效果時。因此，在實際應用中，建議適量使用盒子陰影，并使用適當的優化措施。