CSS是一種用于網頁設計的樣式表語言，它可以控制HTML文檔中元素的外觀和布局。其中，控制圖片的位置也是其中的一個功能，下面我們就來具體了解一下。 首先，我們需要在HTML中插入圖片，可以使用img標簽。如下所示：

<img src="image.jpg" alt="圖片">

這個標簽可以將圖片置于文檔中，并且alt屬性可以用來提供一個圖片的替代文本，以便于視覺障礙用戶等。 接下來，我們使用CSS來控制圖片的位置。最基本的方式是使用float屬性。它可以讓圖片脫離文本流，并沿著其他元素的周圍進行對齊。 下面是一個例子：

p img {
float: left;
}

這段代碼表示將p標簽內部的所有img標簽左浮動。通過這樣的方式，圖片就會排列在文本的左邊，而文本會自動環繞在圖片的周圍。 除了float屬性外，我們還可以使用position屬性來對圖片進行精確的定位。下面是一個例子：

p img {
position: absolute;
top: 0;
left: 0;
}

這段代碼表示讓圖片絕對定位在p標簽的左上角。我們可以通過改變top和left屬性的值來控制圖片在文檔中的具體位置。 需要注意的是，使用position屬性會讓元素脫離文檔流，可能會影響其他元素的位置和布局。因此需要慎重使用。 綜上所述，使用CSS來控制圖片的位置是十分簡單的。通過靈活地運用float和position屬性，我們可以達到不同的布局效果。