CSS是一種強大的樣式表語言，可以用來設置網頁的外觀和樣式，給圖片設置陰影效果圖是CSS中的一個常見應用，下面是一些關于如何使用CSS給圖片設置陰影效果圖的指導。

1、使用CSS的box-shadow屬性

box-shadow屬性可以用來給圖片添加陰影效果，它的語法如下：

box-shadow: h-offset v-offset blur spread color;

h-offset和v-offset分別表示水平和垂直方向的偏移量，blur表示模糊程度，spread表示陰影的大小，color表示陰影的顏色。

以下CSS代碼可以給圖片添加一個簡單的陰影效果：

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

2、使用CSS的filter屬性

filter屬性也可以用來給圖片添加陰影效果，它的語法如下：

filter: drop-shadow(h-offset v-offset blur spread color);

參數的含義與box-shadow屬性相同。

以下CSS代碼可以給圖片添加一個簡單的陰影效果：

img {
  filter: drop-shadow(10px 10px 5px 0px #888);
}

3、使用CSS的偽元素::before或::after

偽元素::before和::after可以用來在圖片的前后添加陰影效果，它們的語法如下：

::before, ::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: h-offset v-offset blur spread color;
}

以下CSS代碼可以在圖片的前后添加簡單的陰影效果：

img {
  position: relative;
}
img::before, img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 10px 10px 5px 0px #888;
}

是三種常見的使用CSS給圖片設置陰影效果圖的方法，你可以根據自己的需求和喜好選擇適合的方法。