CSS 陰影（box-shadow）是一種用于為 HTML 元素添加陰影效果的 CSS 屬性。我們可以使用 box-shadow 屬性和 CSS 樣式規則來創建不同類型的陰影效果。

box-shadow 屬性包含以下值：

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

每個值的含義如下：

• h-shadow：水平陰影的位置，可以是正數或負數（必須有值）
• v-shadow：垂直陰影的位置，可以是正數或負數（必須有值）
• blur：陰影的模糊半徑，可以是 0（不模糊）或任何正整數，值越大陰影越模糊
• spread：陰影的尺寸，可以是 0（正好跟元素一樣大）或任何正整數
• color：陰影的顏色，可以是關鍵字（如 white、red）或 HEX、RGB、HSL 值，默認是黑色
• inset：可選值，指定陰影在邊框內部（inset）還是邊框外部（默認）

下面是一個使用 box-shadow 屬性創建陰影效果的例子：

div {
width: 200px;
height: 200px;
background: #fff;
border: 1px solid #000;
box-shadow: 10px 10px 10px 0px #ccc;
}

上面的代碼用于為 div 元素創建一個在其右下角顯示的陰影效果。具體陰影效果取決于 box-shadow 的各個值，可以根據具體情況進行調整。