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

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

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

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

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

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

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