CSS中的div（塊）元素可以通過添加頂部陰影來提高頁面的美觀度。下面是一個演示如何使用CSS添加div頂部陰影的示例：

/* div元素的樣式 */
div {
background-color: #fff; /* 設置背景顏色 */
box-shadow: 0 4px 4px -4px rgba(0, 0, 0, .2); /* 添加陰影 */
padding: 20px; /* 設置內邊距 */
}

以上CSS代碼中，我們給div元素設置了一個背景顏色，然后添加了一個陰影效果。具體來說，box-shadow屬性包含四個值：

• 第一個值：水平偏移量，可以為正數或負數，正數表示陰影向右偏移，負數表示陰影向左偏移。
• 第二個值：垂直偏移量，可以為正數或負數，正數表示陰影向下偏移，負數表示陰影向上偏移。
• 第三個值：陰影模糊半徑，指定陰影的模糊程度。如果值為0，則陰影邊緣是銳利的；如果值越大，陰影越模糊。
• 第四個值：陰影擴散程度，指定陰影的大小。如果值為正數，陰影比元素大；如果值為負數，陰影比元素小。

由于我們只想讓div元素的頂部顯示陰影效果，所以第一個和第二個值設為0，第三個和第四個值負數，則陰影上方會被截斷。如果想要完整的陰影效果，可以將第三個和第四個值設為正數。

以上是關于CSS添加div頂部陰影的簡要介紹，希望對您有所幫助。