陰影是一種常用的網頁效果，它可以讓元素看起來更加立體和美觀。在CSS3中，我們可以利用box-shadow屬性來為元素添加陰影效果。

box-shadow: h-shadow,v-shadow,blur,spread,color;

上面的代碼中，h-shadow表示陰影的水平偏移，v-shadow表示陰影的垂直偏移，blur表示陰影的模糊半徑，而spread則是陰影的擴展半徑。

例如，我們可以為一個div元素添加陰影效果：

div{
box-shadow: 10px 10px 5px grey;
}

上面的代碼中，我們為div元素添加了一個水平偏移和垂直偏移均為10px的陰影，模糊半徑為5px，顏色為灰色。

如果想要添加多個陰影效果，也可以使用逗號隔開：

div{
box-shadow: 10px 10px 5px grey, -10px -10px 5px black;
}

上面的代碼中，我們為div元素添加了兩個陰影效果，一個是灰色的陰影，另一個是黑色的陰影。

除此之外，我們還可以利用inset關鍵字來為元素添加內陰影效果：

div{
box-shadow: inset 10px 10px 5px grey;
}

上面的代碼中，我們為div元素添加了一個內陰影效果，也就是灰色的陰影向內擴展。

最后，我們還可以利用border-radius屬性和box-shadow屬性結合使用來實現陰影效果的圓角效果：

div{
border-radius: 10px;
box-shadow: 10px 10px 5px grey;
}

上面的代碼中，我們為div元素添加了一層灰色的陰影，并且設置了10px的圓角效果。

總之，利用box-shadow屬性可以為元素添加各種各樣的陰影效果，讓頁面更加美觀立體。