CSS圖片背景陰影的寫法

在CSS中，我們可以使用box-shadow屬性來添加圖片背景陰影。box-shadow屬性接受四個(gè)值，分別是水平偏移、垂直偏移、模糊半徑和顏色。

我們可以這樣寫：

img {
    box-shadow: 10px 10px 5px #000;
}

這段代碼中，10px 10px表示陰影的水平偏移和垂直偏移都是10像素，5px表示模糊的半徑是5像素，#000表示顏色是黑色。

如果你想讓圖片背景陰影更加突出，可以增大水平偏移和垂直偏移的值，或者增大模糊半徑的值，如果你想改變圖片背景陰影的顏色，可以修改#000這部分。

如果你想要圖片背景陰影只在圖片的一部分區(qū)域顯示，可以使用mask-image屬性來創(chuàng)建一個(gè)遮罩圖像，然后應(yīng)用這個(gè)遮罩圖像到圖片背景陰影上。

img {
    mask-image: url('mask.png');
    box-shadow: 10px 10px 5px #000;
}

在這段代碼中，mask.png是一個(gè)遮罩圖像，它決定了圖片背景陰影的顯示區(qū)域。

希望這些技巧能幫助你在CSS中寫出漂亮的圖片背景陰影。