CSS的box-shadow屬性可以用來給一個(gè)元素添加陰影效果。使用該屬性可以增強(qiáng)頁面的層次感和立體感。

/* 添加一個(gè)陰影 */
.box {
box-shadow: 0 0 5px rgba(0,0,0,0.3);
}

以上代碼添加了一個(gè)5像素半徑、顏色為黑色、透明度為0.3的陰影。可以通過調(diào)整顏色和透明度來改變陰影顏色和透明度，也可以通過增大或減小半徑來改變陰影的大小。

/* 調(diào)整陰影顏色及透明度和半徑 */
.box {
box-shadow: 0 0 10px rgba(255,0,0,0.5);
}

以上代碼將陰影顏色設(shè)置為紅色、透明度為0.5，半徑設(shè)置為10像素。

/* 添加多個(gè)陰影 */
.box {
box-shadow: 0 0 5px rgba(0,0,0,0.3), 0 5px 5px rgba(0,0,0,0.3);
}

以上代碼將給元素添加兩個(gè)陰影：第一個(gè)是5像素半徑的陰影，位置不偏移；第二個(gè)是5像素半徑的陰影，向下偏移5像素。

/* 設(shè)置陰影位置 */
.box {
box-shadow: 0 10px 5px rgba(0,0,0,0.3);
}

以上代碼將添加一個(gè)5像素半徑、顏色為黑色、透明度為0.3的陰影，并將其向下偏移10像素。

綜上，CSS的box-shadow屬性可以幫助我們?yōu)樵靥砑雨幱靶Ч栽鰪?qiáng)頁面的層次感和立體感。