在Web開發中，通過使用CSS樣式表可以實現對網頁中各元素的樣式設置，其中包括圖片的樣式設置。在使用CSS設置圖片樣式時，我們可能需要將圖片距離頂部有一定的距離。

通過CSS的margin-top屬性可以實現圖片與頂部的距離設置。下面是一個簡單的示例代碼：

img {
margin-top: 20px;
}

在上述代碼中，我們將img元素的margin-top屬性設置為20像素，這意味著圖片的頂部將會與其所在元素頂部的距離為20像素。

需要注意的是，在使用margin-top時，需要先確定圖片所在元素的高度，否則圖片的距離頂部距離可能會超出預期。同時，在某些特定情況下，我們也可以使用padding-top屬性來實現圖片距離頂部的距離設置。

綜上，通過CSS的margin-top或padding-top屬性，我們可以實現圖片與頂部距離的設置，有效地控制頁面中各元素的排版樣式。