CSS圖片設置陰影 使用CSS中的box-shadow屬性可以為圖片添加陰影效果，以下是代碼示例：

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

box-shadow屬性的參數依次對應陰影偏移量的水平方向、陰影偏移量的垂直方向、陰影的模糊半徑和陰影的顏色。 在上面的示例中，圖片的陰影偏移量水平方向和垂直方向都是5像素，陰影的模糊半徑是5像素，陰影顏色為黑色。 如果想要使用多個陰影效果，可以通過逗號分隔并添加多個參數，例如：

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

這個CSS規則將會在圖片的右下角添加一個黑色陰影，在左上角添加一個白色陰影。 box-shadow屬性是CSS3新增的，所以如果你想在較老的瀏覽器上使用此效果，需要提供一個-fallback。 例如：

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

這個CSS規則將會在WebKit瀏覽器和Firefox瀏覽器上添加陰影效果，在其他瀏覽器上將不生效。 總結 通過box-shadow屬性，我們可以在圖片上添加陰影效果。不僅僅是圖片，其他的HTML元素也可以添加陰影效果。由于這個屬性是CSS3新增的，所以需要提供一個-fallback以保證在較老的瀏覽器上也能正常顯示效果。