CSS是定義網頁樣式的重要技術，其中定義圖片位置也是經常用到的功能之一。下面我們就來看一下CSS如何定義圖片的位置。

在CSS中，我們可以使用background-image屬性來設置一個元素的背景圖片。同時我們也可以使用background-position屬性來指定背景圖片的位置。具體來說，我們可以指定兩個值，第一個表示水平方向上的位置，第二個表示垂直方向上的位置。

selector {
background-image: url("image.png");
background-position: x-axis y-axis;
}

在上面的代碼中，selector表示需要設置背景圖片的元素選擇器。background-image指定了圖片的路徑，而background-position指定了圖片在元素中的位置。

x-axis和y-axis可以指定為以下幾種值：

• left：表示圖片在元素的左邊緣。
• center：表示圖片在元素的中央。
• right：表示圖片在元素的右邊緣。
• top：表示圖片在元素的頂部。
• bottom：表示圖片在元素的底部。
• 百分比值：表示以元素的大小為基準設置圖片位置。例如，50%表示圖片在元素的中心位置。
• 像素值：表示以像素為單位設置圖片位置。

同時，我們也可以同時指定x-axis和y-axis的值，例如：

selector {
background-image: url("image.png");
background-position: left top;
}

上面的代碼將圖片放在元素的左上角。

通過使用background-position屬性，我們可以輕松地為元素設置背景圖片，并通過指定不同的位置來實現不同的效果。同時，我們也可以結合使用其他CSS屬性，如background-repeat來更加精細地控制圖片的布局與顯示。