在網頁設計中，圖片的位置擺放是很關鍵的一步。而在CSS中，設置圖片靠左也是一個常見的需求，下面我們來看一下如何實現。 首先，我們需要使用img標簽來插入圖片，如下所示：

接著，在CSS中，我們可以使用float屬性來設置圖片靠左，如下所示:

p img {
float: left;
margin-right: 20px;
}

在上述代碼中，我們首先設置了一個p標簽，然后使用了img選擇器來指定圖片。接著，我們使用float屬性將圖片向左浮動，讓文字環繞在圖片周圍，同時，為了避免文字與圖片重疊，我們使用margin-right屬性為圖片右側留出了一定的空白。 此外，我們也可以使用text-align屬性來設置圖片靠左，如下所示：

p {
text-align: left;
}
p img {
display: inline-block;
}

在上面這段代碼中，我們使用了text-align屬性將整個段落中的文字向左對齊，這樣圖片也會自然地靠左。此外，我們還設置了img標簽的display屬性為inline-block，使得圖片的寬度隨著文本的長度自動調整，避免了圖片超出文本框的情況。 總結一下，我們通過使用float屬性或text-align屬性，都可以很容易的讓圖片靠左，并讓文字環繞在圖片周圍。希望這篇文章對你有所幫助。