在CSS中，對于圖片的布局我們常用的方法是通過設置圖片的外邊距（margin）來實現。外邊距是指圖片與周圍元素之間的距離，常用的屬性有margin-top、margin-bottom、margin-left和margin-right。下面是一個例子：

img {
margin: 10px;
}

上面的代碼表示設置圖片的上下左右外邊距都為10像素。如果我們只想設置圖片的左外邊距，可以這樣寫：

img {
margin-left: 20px;
}

上面的代碼中，我們將圖片的左外邊距設置為20像素，其他外邊距則保持默認值。如果我們想要設置不同的外邊距，可以這樣寫：

img {
margin-top: 20px;
margin-bottom: 10px;
margin-left: 30px;
margin-right: 40px;
}

上面的代碼中，我們設置了圖片的上外邊距為20像素，下外邊距為10像素，左外邊距為30像素，右外邊距為40像素。需要注意的是，我們也可以使用負值來表示元素的距離，例如：

img {
margin-top: -10px;
margin-left: -20px;
}

上面的代碼中，我們將圖片上外邊距和左外邊距都設置為負值，表示圖片與周圍元素重疊部分的距離為10像素和20像素，即圖片向上和向左移動了10像素和20像素。