在網頁設計中，CSS 樣式的應用是十分重要的。其中較為常用的一種樣式設置是利用 CSS 屬性來改變頂端距離（margin-top）。頂端距離是網頁元素與頂端邊界的距離，這個距離的變更可以帶來不同的網頁呈現效果。

在 CSS 中，設置頂端距離的代碼是 margin-top 屬性。在使用該屬性時，需要確定要設置的距離值，單位可以使用像素（px）、百分比（%）等等。

例如以下代碼：
h1 {
margin-top: 50px;
}

上述代碼指定了標題 h1 距離其上方元素的垂直距離為 50px。

當然，也可以指定負的距離值來改變網頁元素的顯示位置。例如：

h1 {
margin-top: -20px;
}

上述代碼將標題 h1 向上移動了 20px。

總之，CSS 樣式與頂端距離的設置可以帶來豐富的網頁呈現效果。在使用時，需要注意調整好距離值的單位，避免造成頁面出現錯位或不美觀等問題。