在網頁設計中，為了使頁面更加美觀，人們通常會給元素添加一些特效，比如設置陰影效果。在HTML中，我們可以使用CSS來達到這一目的。

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

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

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

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

如果要讓陰影出現在元素的下方，可以使用inset關鍵字：

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

上述代碼中，inset表示讓陰影內凹，出現在元素的下方。

使用CSS可以實現不同類型的陰影效果，比如多重陰影、陰影擴展等。掌握這些技巧，可以為網頁設計增色不少。