在CSS中,可以使用margin
屬性來設(shè)置圖片的上、下、左、右間距。margin
屬性可以接收四個(gè)值,分別代表上、右、下、左四個(gè)方向的間距,如果想要設(shè)置圖片上下間距為10px,左右間距為20px,可以這樣寫:
img { margin: 10px 20px; }
如果想要設(shè)置圖片上下間距為10px,左右間距為0,可以這樣寫:
img { margin: 10px 0; }
如果想要設(shè)置圖片上下間距為0,左右間距為20px,可以這樣寫:
img { margin: 0 20px; }
如果想要設(shè)置圖片上下間距為10px,左右間距為15px,可以這樣寫:
img { margin: 10px 15px; }
注意,如果只有一個(gè)值,那么該值會應(yīng)用于所有四個(gè)方向。margin: 10px
等同于margin: 10px 10px 10px 10px
。
還可以使用負(fù)值來設(shè)置間距,例如margin: -10px
,這會將圖片向上推10像素,同樣地,margin-top: -10px
也會將圖片向上推10像素。