在CSS中，圖片左浮動是一種常見的布局方式。下面是一段CSS代碼，可以實現圖片的左浮動：

img {
float: left;
margin-right: 10px;
}

以上代碼中，float: left;的作用是使圖片向左浮動，margin-right: 10px;則是為了讓圖片和它右側的文本之間留出一定的間隔。

值得注意的是，浮動的元素會從普通文檔流中脫離，因此要注意給它的容器元素清除浮動，否則可能會影響后續元素的布局。

.container:after {
content: '';
display: block;
clear: both;
}

以上代碼中，content: '';是為了讓after偽元素出現，display: block;讓其變成塊級元素，clear: both;是為了清除浮動。

如果您需要讓一組圖片在同一行左浮動，可以給它們的父元素設置white-space: nowrap;，并將標簽的display屬性設置成inline-block，這樣它們就可以在同一行內浮動了。

.image-container {
white-space: nowrap;
}
img {
float: left;
display: inline-block;
margin-right: 10px;
}

以上代碼中，white-space: nowrap;讓圖片們不會換行，display: inline-block;讓標簽也可以浮動，margin-right: 10px;依舊是為了讓圖片彼此之間留出一定的間隔。

綜上所述，通過CSS實現圖片左浮動的方法是非常簡單的，可以大大提高頁面的美觀度。