css中設定兩個圖片之間的距離的方法：

1、新建一個html檔案，命名為test.html，用於講解css中如何設定兩個圖片之間的距離。

2、在test.html檔案內，建立一個div，並設定其class屬性為dd，用於下面對div進行css樣式設定。

3、在div內，使用img標籤建立兩張圖片，圖片名稱分別為1.jpg，3.jpg。

4、為了展示明顯的效果，對div進行樣式設定。設定div寬度為600px，高度為500px，居中顯示，同時設定1px灰色邊框。

5、在test.html檔案內，使用margin屬性設定兩張圖片之間的距離。例如，設定1.jpg圖片距離3.jpg圖片30px，可以使用margin-right屬性進行設定。

6、除此之外，還可以使用margin設定圖片上、下、左邊的外邊距。分別如下：

margin-left：左外邊距；

margin-top：上外邊距；

margin-bottom：下外邊距。

例如 ，使用margin-left設定圖片3.jpg左外邊距為30px，同樣可以實現上一步的效果。

7、在css中，margin還可以同時設定圖片四邊的外邊距，順序為“上右下左”，例如，設定圖片1.jpg“上右下左”的外邊距為10px，20px，30px，40px。

1、css設定圖片距離可以用盒子模型的margin屬性。操作方法首先用html編輯器新建一個html檔案，裡面放入幾張圖片：

2、然後在上方的style中設定css的樣式，設定img的margin屬性為“0 30px”即可，其中前一個數字表示上下的距離，後一個數字表示左右的距離。最後在調整統一一下圖片的大小，方便觀察效果：

3、最後開啟瀏覽器，就會看到2張圖片之間是有距離的效果了：