圖片怎么加陰影CSS樣式

在CSS中，我們可以使用box-shadow屬性為圖片添加陰影效果，這個屬性可以接收四個值，分別代表陰影的偏移量、模糊半徑、顏色以及陰影類型，下面是一個簡單的示例：

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

在這個示例中，10px 10px表示陰影的偏移量，即陰影距離圖片邊緣的水平和垂直距離。5px表示陰影的模糊半徑，即陰影的擴散范圍。#000表示陰影的顏色，這里我們使用了黑色。

除了使用box-shadow屬性外，我們還可以使用CSS的filter屬性中的drop-shadow函數(shù)來添加陰影效果，這個函數(shù)可以接收三個參數(shù)，分別代表陰影的偏移量、模糊半徑和顏色，下面是一個使用drop-shadow函數(shù)的示例：

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

在這個示例中，參數(shù)與box-shadow屬性的含義相同，使用drop-shadow函數(shù)的好處是它可以應用于更多的元素和更復雜的場景。

無論是使用box-shadow屬性還是drop-shadow函數(shù)，我們都可以輕松地給圖片添加陰影效果，提升圖片的視覺效果。