CSS是一門重要的網頁設計語言，其中的圖片外邊距設置是網頁設計師經常需要掌握的技能。

圖片的左外邊距可以通過CSS編寫來實現。代碼如下：

img {
margin-left: 20px;
}

在這個代碼中，margin-left是CSS屬性，它表示圖片左側區域距離周圍元素的距離值。在這個例子中，我們設置圖片的左外邊距為20個像素。

這個屬性的值可以是任何數值，也可以使用負數來表示圖片與周圍元素的重疊部分。例如，設置為-10px時，則將圖片的左側10個像素與周圍元素重疊。

另外，我們也可以使用百分比來設置圖片的外邊距。例如，margin-left: 30%表示圖片左側區域距離周圍元素的距離是父元素寬度的30%。

總之，圖片外邊距是網頁設計中很有用的技能，可以幫助我們實現更有趣、更豐富的頁面布局。掌握了這個技能，你就可以自由地調整圖片布局和外觀，讓網頁呈現出更好的視覺效果。