在網(wǎng)頁設(shè)計中，陰影是一種常用的效果，可以讓圖片、文本等元素更具立體感。在CSS3中，設(shè)置陰影已經(jīng)變得非常簡單。本文將介紹如何使用CSS3來為圖片設(shè)置陰影效果。 首先，在HTML中，我們需要設(shè)置一個圖片元素。例如：

以下是圖片元素：

<img src="image.jpg" alt="圖片">

接著，在CSS中，我們可以使用box-shadow屬性來為圖片設(shè)置陰影。這個屬性可以接受多個值，分別表示水平陰影距離、垂直陰影距離、陰影模糊度、陰影擴張度、陰影顏色等。例如，我們可以這樣編寫CSS代碼：

以下是CSS代碼：

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

這里的代碼表示設(shè)置一個水平距離為5個像素，垂直距離也為5個像素的陰影，陰影模糊度為5個像素，顏色為#888的陰影效果。 此外，我們也可以通過text-shadow屬性為文本添加陰影效果。這個屬性的用法和box-shadow類似。例如：

以下是CSS代碼：

h1 {
text-shadow: 2px 2px 2px #888;
}

這里的代碼表示為h1元素添加一個距離為2個像素的陰影效果，陰影模糊度為2個像素，顏色為#888。 總結(jié)一下，通過CSS3的box-shadow和text-shadow屬性，我們可以為網(wǎng)頁元素添加簡單而實用的陰影效果，讓頁面更具立體感。