CSS可以用各種方式制作陰影效果，其中一種方法是使用圖片來制作陰影。那么這種陰影效果是如何實現的呢？

.box {
background: url(shadow.png) no-repeat;
width: 200px;
height: 200px;
position: relative;
}
.box:before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
z-index: -1;
top: 5px;
left: 5px;
}

以上代碼演示了如何使用圖片制作陰影效果。首先，我們給容器（.box）設置了背景圖片，這個圖片就是我們制作陰影效果的關鍵。然后，我們使用偽元素（:before）來制作半透明的黑色背景圖層，這樣容器就會有一層黑色的半透明遮罩在其上面。

在這個示例中，背景圖層也是很重要的。我們需要用一個能夠無限擴展的背景圖片來制作這個陰影效果，因為要適用于任何尺寸的容器。

實現了這些效果之后，我們將遮罩層(.box:before)移動了一些像素，讓其偏離容器，這樣就形成了陰影效果，因為背景圖片在容器內部，所以只有在遮罩層移開之后才會露出陰影。

總的來說，這種制作陰影效果的方法比較簡單，但是需要對CSS的一些特性有一定了解并且掌握一定的圖像處理技巧，才能制作出符合要求的陰影效果。