CSS中給圖片加陰影 在網頁設計中，圖片通常是必不可少的元素，而加上陰影效果可以讓圖片更加突出，甚至營造出一些特殊的氛圍。下面我們就來介紹一下如何使用CSS給圖片加上陰影效果。 首先，我們需要使用HTML的標簽來添加一個圖片元素。然后使用CSS來為該圖片元素添加陰影效果。 使用box-shadow屬性可以為元素添加陰影效果，它的語法如下： ``` box-shadow: [horizontal-offset] [vertical-offset] [blur-radius] [spread-radius] [color]; ``` 其中，horizontal-offset表示陰影的水平偏移量，即陰影的左右方向距離；vertical-offset表示陰影的垂直偏移量，即陰影的上下方向距離；blur-radius表示陰影的模糊半徑；spread-radius表示陰影的擴散半徑；color表示陰影的顏色。 舉個例子，如果我們要為圖片添加一個水平向右，垂直向下，20px的模糊半徑為5px，擴散半徑為2px的陰影效果，并且陰影顏色為紅色，那么我們的代碼如下： ```

這是一張圖片：

``` 我們可以看到，圖片已經成功添加了陰影效果。 當然，如果我們想要給圖片添加其他樣式，比如邊框，圓角等等，我們可以直接在CSS中設置。而如果我們想要移除圖片的陰影效果，也很簡單，直接將box-shadow屬性的值設為none即可，代碼如下： ```

這是一張圖片：

``` 這樣，圖片的陰影效果就被移除了。 總結 CSS是網頁設計中不可或缺的一部分，通過使用box-shadow屬性，可以輕松為圖片添加陰影效果，讓圖片更加突出。同時，我們也可以根據需求給圖片添加其他樣式，在設計中發揮無窮的創意。