在網(wǎng)頁設(shè)計(jì)中，為了使頁面更加美觀，人們通常會(huì)給元素添加一些特效，比如設(shè)置陰影效果。在HTML中，我們可以使用CSS來達(dá)到這一目的。

如下是一個(gè)簡單的實(shí)例，演示如何使用CSS來設(shè)置一個(gè)帶有陰影效果的圖片：

img {
box-shadow: 5px 5px 5px #888888;
}

上述CSS代碼中，box-shadow是用來設(shè)置元素陰影效果的屬性，它具有四個(gè)值：

1. 第一個(gè)值是水平偏移量，也就是陰影相對元素水平方向的偏移距離。
2. 第二個(gè)值是垂直偏移量，也就是陰影相對元素垂直方向的偏移距離。
3. 第三個(gè)值是陰影模糊半徑，即陰影模糊的程度。值越大，陰影越模糊。
4. 第四個(gè)值是陰影顏色，用來設(shè)置陰影的顏色。

如果要讓陰影出現(xiàn)在元素的下方，可以使用inset關(guān)鍵字：

img {
box-shadow: inset 5px 5px 5px #888888;
}

上述代碼中，inset表示讓陰影內(nèi)凹，出現(xiàn)在元素的下方。

使用CSS可以實(shí)現(xiàn)不同類型的陰影效果，比如多重陰影、陰影擴(kuò)展等。掌握這些技巧，可以為網(wǎng)頁設(shè)計(jì)增色不少。