CSS（Cascading Style Sheets）是網頁設計中必不可少的一部分。它可以改變網頁的顏色、字體、布局等多個方面。而CSS3是CSS的第三個版本，相較于CSS2，它更加強大和靈活。

其中，CSS3頂部陰影就是CSS3的新特性之一。它可以讓網頁的頂部呈現出一種立體感，給用戶更好的視覺體驗。

.box {
width: 300px;
height: 200px;
background-color: #fff;
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3);
}

使用CSS3的頂部陰影非常簡單，只需要在需要加陰影的元素上添加box-shadow屬性即可。其中，box-shadow屬性的幾個參數分別表示水平偏移量、垂直偏移量、模糊距離和陰影擴散半徑。

另外，box-shadow屬性還可以設置多層陰影效果，只需要在后面加上逗號并添加相應的屬性值即可。

.box {
width: 300px;
height: 200px;
background-color: #fff;
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3), 0px 5px 10px rgba(0, 0, 0, 0.3);
}

總的來說，CSS3的頂部陰影讓頁面看起來更加美觀和高級，可以提升網頁的整體質量。