CSS背景圖加陰影的方法

在CSS中，我們可以使用box-shadow屬性給背景圖添加陰影，這個屬性接受四個值，分別是水平偏移、垂直偏移、模糊半徑和顏色，下面是一個簡單的例子：

div {
    background-image: url('path/to/your/image.png');
    box-shadow: 10px 10px 5px #000;
}

在這個例子中，box-shadow屬性給背景圖添加了一個向右下方偏移10px的陰影，模糊半徑為5px，顏色為黑色，你可以根據(jù)需要調(diào)整這些值。

如果你想要讓陰影更加突出，可以使用更大的偏移值和模糊半徑。

div {
    background-image: url('path/to/your/image.png');
    box-shadow: 20px 20px 10px #000;
}

在這個例子中，陰影的偏移量更大，模糊半徑也更大，所以陰影會更加突出。

如果你想要改變陰影的顏色，可以使用不同的顏色值。

div {
    background-image: url('path/to/your/image.png');
    box-shadow: 10px 10px 5px #ff0000;
}

在這個例子中，陰影的顏色被設(shè)置為紅色。

需要注意的是，box-shadow屬性只在支持CSS3的瀏覽器中有效，如果你需要支持老版本的瀏覽器，可能需要使用其他方法來實現(xiàn)背景圖的陰影效果。