CSS是構建網站的重要工具之一，其中背景圖也是常見的樣式之一。在本文中，我們將研究如何在CSS中將背景圖設置在頁面的左上角。

首先，我們需要使用CSS的background-position屬性，該屬性控制背景圖的位置。對于靠左上角的圖像，我們需要將其設置為0 0。代碼如下所示：

background-position: 0 0;

然后我們需要使用CSS的background-repeat屬性來控制背景圖的重復性。默認情況下，背景圖會水平和豎直重復平鋪整個頁面。如果我們只想在頁面的左上角顯示背景圖，我們需要將background-repeat屬性設置為no-repeat。代碼如下所示：

background-repeat: no-repeat;

我們還可以使用CSS的background-size屬性來控制背景圖的尺寸。如果我們只想在頁面的左上角顯示一個不重復的背景圖，我們可以將background-size屬性設置為cover或contain。代碼如下所示：

background-size: cover;

最后，我們可以將以上代碼組合在一起來創建一個左上角的背景圖樣式：

background-image: url(image.jpg);
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;

通過這些CSS屬性的使用，我們可以很容易地在頁面的左上角設置一個背景圖樣式。