圖片是網站設計中不可或缺的元素，而其中的外邊距也是非常重要的。在CSS中，我們可以使用margin屬性來控制圖片的外邊距。

img {
margin: 10px;
}

上述代碼中，我們將圖片的外邊距設置為10像素。同樣，我們也可以分別設置圖片的上下左右外邊距。

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

通過上述代碼，我們可以將圖片的上下左右外邊距分別設為10像素、20像素、30像素和40像素。

除了像素數值，我們還可以使用百分比來設置圖片外邊距。在下面的代碼中，我們將圖片的外邊距設置為寬度的10%。

img {
margin: 10%;
}

當然，我們也可以將圖片的外邊距設置為負值，這樣可以使圖片向反方向移動。

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

通過上述代碼，我們可以將圖片的上下左右外邊距分別設為負的10像素、20像素、30像素和40像素。

總之，圖片外邊距是CSS中非常重要的屬性之一，在設計網站時應該注重其設置。