CSS 陰影是網頁設計中常見的一個特效，它可以讓元素看起來立體且錯落有致。

CSS 有兩種類型的陰影，分別是內陰影和外陰影。

.box {
/* 外陰影 */
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5); 
/* 內陰影 */
box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
}

對于外陰影，可以使用 box-shadow 屬性來實現。其語法如下：

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

其中：

• h-shadow：設置水平偏移量，可以取負值。
• v-shadow：設置垂直偏移量，可以取負值。
• blur：設置模糊半徑。
• spread：設置陰影的大小，可以取負值。
• color：設置陰影的顏色。
• inset：可選，如果存在，則表示內陰影。

對于內陰影，只需在 box-shadow 屬性中加上 inset 關鍵字即可。

需要注意的是，box-shadow 屬性可以同時設置多個陰影，只需用逗號隔開即可，例如：

box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5), inset 0 0 10px rgba(0, 0, 0, 0.5);

這段代碼表示同時設置一個外陰影和一個內陰影。