陰影在網頁設計中可以增加元素的層次感和立體感，讓頁面看起來更加美觀。CSS3中可以通過box-shadow屬性來給元素添加陰影效果。

.box {
box-shadow: 10px 10px 10px #888888;
}

box-shadow屬性接受四個值，分別表示水平偏移量、垂直偏移量、模糊半徑和陰影擴散半徑。其中水平偏移量和垂直偏移量是必需的。模糊半徑表示陰影的柔和程度，數值越大，陰影邊緣越模糊。陰影擴散半徑則表示陰影的擴散程度，數值越大，陰影的面積越大。

box-shadow屬性還可以接受顏色值，用來表示陰影的顏色。比如，下面的代碼會為.box元素添加一個紅色的陰影效果。

.box {
box-shadow: 10px 10px 10px 0px red;
}

box-shadow屬性也可以同時為元素添加多個陰影效果。比如，下面的代碼會為.box元素同時添加兩個陰影效果，一個是黑色的，另一個是白色的。

.box {
box-shadow: 10px 10px 10px #000000,
-10px -10px 10px #FFFFFF;
}

總之，box-shadow屬性在CSS3中為我們提供了許多方便的陰影效果，讓我們可以為頁面增加更加絢麗的視覺效果。