在網(wǎng)頁(yè)設(shè)計(jì)中，使用CSS給元素添加陰影效果是一種非常常見(jiàn)的設(shè)計(jì)方法。通過(guò)為元素加四周投影，可以讓它在頁(yè)面中更加突出，并且能夠賦予元素更加立體感的效果。

/* 添加 box-shadow 屬性 */
div {
box-shadow: 2px 2px 4px rgba(0, 0, 0, .4);
}

在上述代碼中，我們可以看到，添加四周投影的方法非常簡(jiǎn)單，只需要使用 CSS 的 box-shadow 屬性就可以實(shí)現(xiàn)。這個(gè)屬性需要設(shè)置四種參數(shù)，分別是：水平偏移、垂直偏移、模糊程度和顏色。

/* 具體的參數(shù)設(shè)置 */
box-shadow: 水平偏移 垂直偏移 模糊程度 顏色;

其中，水平偏移和垂直偏移分別表示陰影相對(duì)于元素底部的偏移值，可以是正數(shù)也可以是負(fù)數(shù)，用像素(px)作為單位。模糊程度則表示陰影的擴(kuò)散程度，數(shù)字越大越模糊，也可以使用像素(px)作為單位。顏色值可以使用RGBA、RGB、HSLA、HSL和十六進(jìn)制等方式進(jìn)行設(shè)置。

/* 控制四周投影的長(zhǎng)度 */
div {
box-shadow: 0 0 10px 2px rgba(0, 0, 0, .4);
}

除了基本的四個(gè)參數(shù)外，box-shadow 還可以接受一組額外參數(shù)，用于控制陰影的長(zhǎng)度。這些參數(shù)用 / 分割開(kāi)，依次表示左側(cè)、頂部、右側(cè)和底部所需要的陰影長(zhǎng)度，并且長(zhǎng)度值也可以采用相同或不同的單位。

通過(guò)適當(dāng)?shù)恼{(diào)整參數(shù)的值，我們可以實(shí)現(xiàn)各種不同種類的陰影效果。此外，除了直接為元素添加陰影外，我們也可以為元素的偽元素（pseudo-element）添加陰影，從而讓整個(gè)元素看起來(lái)更加立體和美觀。