在網頁設計中，圖片作為視覺的一部分占據了很重要的地位。給圖片增加陰影效果可以讓圖片更加鮮明突出，帶來更好的視覺效果。那么在HTML中，如何給圖片設置陰影呢？

<img src="image.jpg" alt="圖片描述" style="box-shadow: 2px 2px 2px #888888;">

通過style屬性給圖片設置陰影效果，使用的是CSS的box-shadow屬性。box-shadow屬性可以設置多個陰影效果，各個參數的含義如下：

• h-shadow: 水平方向的偏移量，可以是正數也可以是負數，例如2px代表向右偏移2像素，-2px代表向左偏移2像素。
• v-shadow: 垂直方向的偏移量，可以是正數也可以是負數，例如2px代表向下偏移2像素，-2px代表向上偏移2像素。
• blur-radius: 模糊半徑，如果不需要模糊效果則設置為0，數值越大表示模糊效果越明顯。
• spread-radius: 陰影擴散程度，如果不需要擴散效果則設置為0，數值越大表示擴散效果越明顯。
• color: 陰影顏色，可以使用十六進制顏色值或rgb顏色值。

通過調整上述各個參數的值，可以實現不同的陰影效果。例如：

<img src="image.jpg" alt="圖片描述" style="box-shadow: 2px 2px 2px #888888, -2px -2px 2px #888888;">

這段代碼會給圖片添加兩個陰影效果，一個向右下方偏移2像素，另一個向左上方偏移2像素，兩個陰影顏色都是#888888。

總之，使用box-shadow屬性可以輕松實現圖片的陰影效果，讓網頁設計更加精美。