CSS如何為圖片添加盒子陰影

在CSS中，我們可以使用box-shadow屬性為圖片添加盒子陰影，這個屬性可以為元素添加多個陰影，并且可以設(shè)置陰影的大小、形狀、顏色等屬性。

下面是一個簡單的例子，展示如何為圖片添加盒子陰影：

img {
  box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.7);
}

上面的代碼會給圖片添加一個盒子陰影，其中10px 10px表示陰影的水平和垂直偏移量，5px表示陰影的模糊半徑，0px表示陰影的擴展半徑，rgba(0, 0, 0, 0.7)表示陰影的顏色和透明度。

如果想要添加多個陰影，可以使用逗號分隔每個陰影的定義：

img {
  box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.7),
              20px 20px 10px 0px rgba(0, 0, 0, 0.5);
}

上面的代碼會在圖片的盒子中添加兩個陰影，***個陰影顏色和透明度為rgba(0, 0, 0, 0.7)，第二個陰影顏色和透明度為rgba(0, 0, 0, 0.5)。

需要注意的是，box-shadow屬性會影響元素的布局，因為它會改變元素的大小和形狀，在使用box-shadow屬性時，需要謹(jǐn)慎處理元素的布局和樣式。