CSS 樣式是網頁設計中不可或缺的部分，其中陰影添加效果在網頁設計中也是很重要的一部分。可以通過給 HTML 元素添加陰影效果，提升頁面的美觀度與視覺層次感。下面介紹 CSS 樣式陰影添加的方法。

/*添加元素陰影*/
.shadow {
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
}

以上代碼表示給一個具有 class 為“shadow”的元素添加陰影樣式。其中，box-shadow 是 CSS 樣式屬性，5px 5px 5px 表示橫向偏移、縱向偏移和模糊半徑，這里的意思是向右偏移 5px，向下偏移 5px，陰影模糊半徑為 5px。而 rgba(0, 0, 0, 0.3) 是表示陰影顏色，這里是黑色，alpha 值為 0.3，表示陰影透明度。

/*添加文本陰影*/
.text-shadow {
text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}

以上代碼表示給文本添加陰影樣式。其中，text-shadow 是 CSS 樣式屬性，2px 2px 2px 表示橫向偏移、縱向偏移和模糊半徑，這里的意思是向右偏移 2px，向下偏移 2px，陰影模糊半徑為 2px。而 rgba(0, 0, 0, 0.5) 是表示陰影顏色，這里是黑色，alpha 值為 0.5，表示陰影透明度。

以上就是 CSS 樣式中添加陰影效果的方法，可以根據實際需要來添加陰影樣式，提升網頁的美觀度與視覺效果。