CSS 是 Cascading Style Sheets 的縮寫，可以用于在網頁中控制樣式和布局。在網頁中，要想顯示一張圖片，我們不僅需要用到 HTML 標簽，還需要用到 CSS 來指定圖片的位置和大小。

CSS 可以通過多種方式來指定圖片的位置和大小，其中最常用的方式是通過定位位置來實現。我們可以使用 position 屬性來指定圖片的位置，而使用 top、bottom、right、left 屬性來控制圖片在網頁中的具體位置。例如，讓一個圖片在文本的上方并靠左對齊，可以使用以下代碼：

img {
position: relative;
top: -50px;
left: 0;
}

在上面的代碼中，我們先將圖片的 position 屬性設置為 relative，表示讓圖片相對于其在文檔中的位置進行定位。然后，我們設置 top 屬性為 -50px，表示將圖片向上移動 50 個像素，使其出現在文本的上方。最后，我們將 left 屬性設置為 0，表示將圖片的左邊緣與文本的左邊緣對齊。這樣，圖片就被定位在了文本的左上角。

除了使用位置屬性外，我們還可以使用元素的大小屬性來控制圖片的大小。CSS 中，使用 width 和 height 屬性來分別控制元素的寬度和高度。例如，如果想將圖片的寬度設置為 200 像素，可以使用以下代碼：

img {
width: 200px;
}

在上面的代碼中，我們只設置了圖片的寬度，但沒有設置圖片的高度。這樣，圖片的高度就會自動按比例縮放，保持圖片的長寬比不變。如果想要設置圖片的高度，也可以使用 height 屬性。

總之，使用 CSS 來定位圖片可以讓網頁更具有美感和可讀性，同時也可以提高網頁的交互性。通過控制圖片的位置和大小，我們可以使得網頁更具有吸引力和清晰度。因此，學習如何使用 CSS 定位圖片是網頁開發過程中必不可少的一環。