在CSS中，我們可以使用margin-top或padding-top屬性來設置元素與其上方元素之間的距離，即頂部距離。

/* 使用 margin-top 設置頂部距離 */
.element {
margin-top: 20px; /* 設置元素與其上方元素之間的距離為 20 像素 */
}
/* 使用 padding-top 設置頂部距離 */
.element {
padding-top: 20px; /* 設置元素內部與其上方邊界之間的距離為 20 像素 */
}

需要注意的是，margin-top屬性會在元素外部創建出一定的空間，將其他元素推開；而padding-top屬性會將元素內部的內容往下推。

我們可以通過調整這兩個屬性，來達到我們希望的頂部距離效果。