CSS讓圖片有陰影效果

在CSS中，我們可以使用box-shadow屬性來讓圖片具有陰影效果，這個屬性接受四個值，分別是水平陰影位置、垂直陰影位置、陰影模糊半徑和陰影顏色，下面是一個簡單的示例：

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

在這個示例中，我們給圖片添加了一個黑色的陰影，水平方向和垂直方向都是10像素，模糊半徑是5像素，你可以根據(jù)自己的需要調(diào)整這些值，如果你想要更復(fù)雜的陰影效果，可以使用多個box-shadow屬性來疊加多個陰影。

除了box-shadow屬性，CSS還提供了其他與陰影相關(guān)的屬性，比如text-shadow和filter。text-shadow屬性可以用來給文本添加陰影，而filter屬性則可以實現(xiàn)更復(fù)雜的圖像效果，包括陰影。

需要注意的是，雖然CSS提供了強大的陰影效果，但是并不是所有的瀏覽器都支持這些屬性，在使用這些屬性時，***好先確認一下目標(biāo)瀏覽器的兼容性。

CSS提供了多種方法來讓圖片具有陰影效果，讓網(wǎng)頁更加豐富多彩。