css中如何設置兩個圖片之間的距離？

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。