CSS陰影是一種用于設計網頁元素的強大工具，在網頁中創建深度和維度。它可以讓您的網站看起來更現代和引人注目。在這篇文章中，我們將學習如何在CSS中添加陰影。

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

box-shadow屬性用于在HTML元素周圍創建一個陰影。以下是每個值的解釋：

• h-shadow：水平陰影的位置。值可以是正數、負數或0。
• v-shadow：垂直陰影的位置。值可以是正數、負數或0。
• blur：可選。模糊距離。
• spread：可選。陰影向外擴張的距離。
• color：陰影的顏色。
• inset：可選。將陰影變為內部陰影。

以下是一些示例：

/* 1. 簡單陰影 */
box-shadow: 2px 2px 4px #888888;
/* 2. 內部陰影 */
box-shadow: inset 2px 2px 4px #888888;
/* 3. 多個陰影 */
box-shadow: 2px 2px 4px #888888, -2px -2px 4px #888888;
/* 4. 高斯模糊 */
box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 0.3);
/* 5. 擴張 */
box-shadow: 2px 2px 4px 2px #888888;
/* 6. 混合模式 */
box-shadow: 2px 2px 4px #888888;
-moz-box-shadow: 2px 2px 4px #888888;
-webkit-box-shadow: 2px 2px 4px #888888;

CSS陰影是制作各種視覺效果的一種非常強大的工具。使用同一HTML元素的多個盒陰影、內部盒陰影、高斯模糊、陰影擴張等，可以創建各種獨特的陰影效果。