CSS 陰影是一種很簡單但又很有用的效果，可以使得頁面元素看起來更加立體、有層次感。下面我們就來了解如何處理 CSS 陰影。

使用 box-shadow 屬性

/* 基本語法 */
box-shadow: h-shadow v-shadow blur spread color inset;
/* 示例代碼 */
box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.5);

上面的代碼中，“h-shadow” 表示陰影水平偏移量，“v-shadow” 表示陰影垂直偏移量，“blur” 表示陰影的模糊半徑，“spread” 表示陰影的擴散半徑，“color” 表示陰影顏色，“inset” 表示陰影內嵌。

使用 text-shadow 屬性

/* 基本語法 */
text-shadow: h-shadow v-shadow blur color;
/* 示例代碼 */
text-shadow: 1px 1px 1px #999999;

與 box-shadow 不同的是，text-shadow 只能用于文字效果的陰影處理，可以制造出浮雕、凸顯等效果。

結語

通過 box-shadow 和 text-shadow 屬性的使用，我們可以輕松地實現各種陰影效果，為網頁美化提供了很方便、實用的工具，值得使用。