設(shè)置圖片陰影效果是CSS中的一個(gè)常見需求，它可以使圖片更加突出、有層次感，下面是一些關(guān)于如何在CSS中設(shè)置圖片陰影效果的方法。

1、使用box-shadow屬性

box-shadow屬性可以用來在圖片周圍添加陰影效果，它可以接受多個(gè)參數(shù)，包括陰影的水平偏移、垂直偏移、模糊半徑和顏色等，下面的代碼可以在圖片周圍添加一層灰色的陰影：

img {
  box-shadow: 10px 10px 5px gray;
}

2、使用filter屬性

filter屬性可以用來對(duì)圖片進(jìn)行一系列圖像處理操作，包括添加陰影效果，下面的代碼可以在圖片周圍添加一層藍(lán)色的陰影：

img {
  filter: drop-shadow(10px 10px 5px blue);
}

3、使用text-shadow屬性

text-shadow屬性可以用來給文字添加陰影效果，但它也可以用來給圖片添加陰影，通過給圖片添加一些偽元素，然后使用text-shadow屬性給偽元素添加陰影，就可以實(shí)現(xiàn)圖片陰影效果，下面的代碼可以在圖片周圍添加一層綠色的陰影：

img {
  position: relative;
  z-index: 1;
}
img::after {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: -1;
  box-shadow: 10px 10px 5px green;
}

是三種常見的設(shè)置圖片陰影效果的方法，你可以根據(jù)自己的需求選擇適合的方法。