CSS背景圖片陰影怎么做？ 要給CSS背景圖片添加陰影，我們可以使用box-shadow屬性。Box-shadow屬性用于為元素添加陰影效果。它接受多個值，包括：水平偏移量、垂直偏移量、模糊半徑、陰影顏色和擴展半徑。 例如，現在有一張名為“bg.jpg”的背景圖片，并且想要在這張圖片上添加一個黑色的陰影效果：

HTML代碼：

<div class="bg-container"></div>

CSS代碼：

.bg-container {
background-image: url("bg.jpg");
box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.5);
height: 200px;
width: 300px;
}

在CSS代碼中，box-shadow屬性的值依次表示：水平偏移量為0，垂直偏移量為0，模糊半徑為15px，陰影顏色為黑色（rgba(0, 0, 0)），擴展半徑為5px。這個陰影會使得背景圖片整體變暗，從而增強UI效果。 需要注意的是，勿濫用box-shadow屬性，否則可能導致頁面加載速度緩慢、性能下降等問題。合理地使用這個屬性，可以提高UI效果，讓網頁更加美觀。 本文通過介紹box-shadow屬性的用法，來為想要在CSS背景圖片上添加陰影的讀者提供一些參考。希望大家可以在日后的開發工作中，成功地應用這個技巧。