在網頁設計中，我們經常需要使用一些效果來增強頁面的美觀度，比如添加陰影是其中一種常見寫法。那么在 CSS 中，如何增加陰影呢？下面將介紹如何使用 CSS 加陰影代碼：

box-shadow: h-shadow v-shadow blur spread color inset;

上述代碼用于在元素周圍添加陰影。其中，h-shadow代表水平陰影的長度，可以是正數或負數；v-shadow代表垂直陰影的長度，也可以是正數或負數；blur代表模糊距離，越大陰影就越模糊；spread代表陰影的尺寸，可以是正數或負數，正數表示陰影擴大，負數表示陰影縮小；color代表陰影的顏色，可以使用具體的顏色值或顏色關鍵字；inset代表陰影是外陰影還是內陰影，可以省略不寫，默認為外陰影。

下面是一個例子，展示如何使用 CSS 加外陰影：

.shadow {
box-shadow: 10px 10px 5px #888888;
}

上述代碼表示在元素周圍添加一個水平長度為 10px、垂直長度為 10px、模糊距離為 5px、陰影大小不變、顏色為 #888888 的外陰影效果。我們可以通過修改這些參數，調整陰影的大小和形狀，以滿足不同的需求。

除了外陰影，我們還可以使用 CSS 加內陰影。下面是一個例子，展示如何使用 CSS 加內陰影：

.shadow {
box-shadow: inset 0px 0px 5px #888888;
}

上述代碼表示在元素內部添加一個水平長度為 0px、垂直長度為 0px、模糊距離為 5px、陰影大小不變、顏色為 #888888 的內陰影效果。我們也可以通過修改這些參數，調整內陰影的大小和形狀。

總之，CSS 加陰影是網頁設計中常用的技巧之一，可以增加頁面的美觀度和立體感。通過以上的介紹，相信大家已經學會了如何使用 CSS 加陰影代碼。在實際應用中，我們可以根據實際需求，靈活運用這些參數，創建出更多樣化的陰影效果。