css中如何設置兩個圖片之間的距離
新建一個html文件，定名為test.html，用于講解css中若何設置兩個圖片之間的距離。
在test.html文件內，建立一個div，并設置其class屬性為dd，用于下面臨div進行css樣式設置。
在div內，利用img標簽建立兩張圖片，圖片名稱別離為1.jpg，3.jpg。
為了展示較著的結果，對div進行樣式設置。設置div寬度為600px，高度為500px，居中顯示，同時設置1px灰色邊框。
在test.html文件內，利用margin屬性設置兩張圖片之間的距離。例如，設置1.jpg圖片距離3.jpg圖片30px，可以利用margin-right屬性進行設置。
除此之外，還可以利用margin設置圖片上、下、左邊的外邊距。別離如下：
margin-left：左外邊距；
margin-top：上外邊距；
margin-bottom：下外邊距。
例如 ，利用margin-left設置圖片3.jpg左外邊距為30px，同樣可以實現上一步的結果。
在css中，margin還可以同時設置圖片四邊的外邊距，挨次為“上右下左”，例如，設置圖片1.jpg“上右下左”的外邊距為10px，20px，30px，40px。
- 發表于 2019-09-19 17:00
- 閱讀 ( 1336 )
- 分類：其他類型
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章