CSS3 box-shadow屬性可以為元素添加一定的陰影效果，讓頁面看起來更加立體和有層次感。這個屬性非常靈活，可以實現非常多的樣式效果。

.box{
box-shadow: 2px 2px 4px #888888;
}

上面的代碼演示了最簡單的box-shadow效果，將元素的陰影向右下方偏移2像素，模糊半徑為4像素，顏色為#888888。

box-shadow屬性的語法非常簡單，具體的屬性如下：

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

其中，h-shadow和v-shadow表示陰影的水平和垂直偏移量；blur表示陰影的模糊半徑，數值越大越模糊；spread表示陰影的擴散半徑，正數表示擴散、負數表示收縮；color表示陰影的顏色；inset表示將陰影變成內陰影。

可以通過調整這些屬性的值，實現各種不同的陰影效果。

.box{
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

上面的代碼表示給元素添加一個陰影效果，顏色為半透明的黑色，模糊半徑為10像素。

box-shadow屬性支持多重陰影，可以用逗號分隔多個陰影。

.box{
box-shadow: 0px 0px 10px rgba(0,0,0,0.5), 0px 0px 5px rgba(0,0,0,0.2);
}

上面的代碼表示給元素添加兩個陰影，一個模糊半徑為10像素，一個模糊半徑為5像素。

總之，CSS3 box-shadow屬性為我們提供了非常靈活的陰影效果，可以讓頁面看起來更加美觀、立體。