CSS（層疊樣式表）是網頁設計的重要組成部分，在網頁布局、字體大小、顏色及元素排版方面起著至關重要的作用。其中，頁面上邊距（margin-top）也是CSS的重要屬性之一。

CSS中的邊距屬性包括上邊距、下邊距、左邊距和右邊距。這些邊距屬性可以通過設置像素值或百分比值來控制元素在頁面上的位置、大小和間距。

p {
margin-top: 20px; /* 設置段落上邊距為 20 像素 */
margin-bottom: 20px; /* 設置段落下邊距為 20 像素 */
}

在以上代碼中，我們通過設置p標簽的margin-top屬性為20像素，可以為文本段落添加一個20像素的上邊距，讓文本內容看起來更加舒適、美觀。

需要注意的是，如果兩個元素之間的margin-top和margin-bottom值相同，它們的上下邊距會重疊在一起，而不是疊加起來。例如，使用以下代碼設置兩個段落的邊距：

p {
margin-top: 20px;
margin-bottom: 20px;
}
.special-p {
margin-top: 20px;
}

在以上代碼中，.special-p類的段落的上邊距為20像素，但由于前面的p標簽的下邊距也是20像素，.special-p類的段落的上邊距實際上會是40像素，而不是20像素。

通過合理設置頁面上邊距，可以讓網頁更具層次感、美觀度和可讀性，從而為用戶提供更好的瀏覽體驗。