CSS盒子陰影怎么用

在CSS中，可以使用box-shadow屬性為盒子添加陰影。box-shadow屬性接受四個值，分別是水平偏移、垂直偏移、模糊半徑和擴展半徑，這四個值可以通過逗號隔開，也可以通過/符號將前兩個值和后兩個值分開。

以下代碼可以為盒子添加向右偏移20像素、向下偏移10像素、模糊半徑為5像素的陰影：

box-shadow: 20px 10px 5px;

如果想要添加其他顏色的陰影，可以通過添加color關鍵字和顏色值來實現(xiàn)，

box-shadow: 20px 10px 5px color: #ff0000;

還可以通過radius關鍵字設置陰影的圓角半徑，

box-shadow: 20px 10px 5px radius: 10px;

需要注意的是，box-shadow屬性的值不能包含空格，否則會導致渲染出錯，為了兼容不同瀏覽器，可能需要添加瀏覽器前綴，例如-webkit-box-shadow、-moz-box-shadow等。

通過以上方法，可以輕松地實現(xiàn)CSS盒子的陰影效果。