CSS背景圖設置陰影
在網頁中，我們常常需要設置背景圖來美化頁面，但有時我們還需要為其增加一些效果，比如設置陰影。下面我們將針對CSS背景圖如何設置陰影進行詳細介紹。
首先，我們需要在HTML文件中設置好所需要設置背景圖的元素，如下所示：

<p>
<div class="bg-img"></div>
</p>

然后，在CSS樣式表中為這個元素設置背景圖，代碼如下：

<p>
.bg-img {
background-image: url('image/bg.jpg');
}
</p>

接著，我們需要為這個元素設置陰影。CSS提供了box-shadow屬性，可以用來為元素設置陰影。box-shadow屬性有多個值可設置，用逗號隔開。具體格式如下：
box-shadow: 水平偏移量，垂直偏移量，模糊距離，陰影大小，陰影顏色;
其中，水平偏移量和垂直偏移量用于指定陰影在元素中的位置，模糊距離指的是陰影的模糊程度，陰影大小指的是陰影的尺寸，陰影顏色用于指定陰影的顏色。
下面我們來具體應用。為了更好地觀察效果，我們將陰影色設置為紅色。代碼如下：

<p>
.bg-img {
background-image: url('image/bg.jpg');
box-shadow: 5px 5px 5px 5px red;
}
</p>

經過上述設置，我們會發現背景圖下面出現了一個紅色的陰影。整個元素的樣式代碼完整如下：

<p>
.bg-img {
background-image: url('image/bg.jpg');
box-shadow: 5px 5px 5px 5px red;
}
</p>

這樣，我們就可以很簡單地為CSS背景圖設置陰影效果了。