PS（Photoshop）是廣大設計師常用的圖像處理軟件之一，可以輕松地為圖片添加各種效果，包括陰影等。而在網頁設計中，我們通常需要使用 CSS（Cascading Style Sheets）來為頁面元素添加陰影效果。

在 CSS 中，陰影效果可以通過 box-shadow 屬性來實現。該屬性的語法如下：

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

其中，h-shadow 和 v-shadow 分別表示陰影水平和垂直方向的偏移量；blur 表示陰影的模糊程度，取值為正整數；spread 表示陰影的擴散程度，也是一個正整數；color 表示陰影的顏色；inset 可選，表示陰影為內陰影。

以下是一個例子：

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

該代碼表示在元素右下方添加一個水平和垂直偏移量均為 2px 的陰影，模糊程度為 2px，擴散程度為 2px，顏色為半透明的黑色。

有些情況下，我們可能需要為一個元素添加多重陰影效果。此時，可以使用逗號分隔多個陰影效果：

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

該代碼表示元素添加了兩個陰影效果，一個是黑色的陰影，作用在元素的右下方，另一個是白色的陰影，作用在元素的左上方。

總而言之，在網頁設計中，借助 CSS 的 box-shadow 屬性，我們可以輕松地為元素添加各種陰影效果，使得頁面效果更加飽滿，視覺效果更加出彩。