CSS布局設計圖片是Web開發中常用的一種技術。通過將圖片進行布局，可以使網頁更加美觀和易于閱讀觀賞。

img{
float:left;
margin-right:20px;
width:200px;
height:150px;
}

上述代碼是一個常用的CSS布局代碼。它將圖片設置為左浮動，并在圖片右邊設置了20px的空白。同時，通過width和height屬性，指定了圖片的寬度和高度。

另外，CSS布局還可以使用position屬性來實現圖片的定位。例如：

img{
position:absolute;
top:50px;
left:50px;
}

上述代碼將圖片置于頁面左上角，同時與頁面頂部和左側分別間隔50px。

綜上所述，通過CSS布局，可以實現圖片的大小、位置、間隔等多樣化的設計。因此，在Web開發中，熟練掌握CSS布局技術是十分重要的。