在CSS中,我們可以使用margin
屬性來增加圖片的邊距。margin
屬性用于設(shè)置元素周圍的空間,包括圖片。
如果你想要給圖片添加10像素的邊距,你可以這樣寫:
img { margin: 10px; }
這會(huì)給圖片添加10像素的上、下、左、右邊距,如果你想要只給圖片添加左邊的邊距,你可以這樣寫:
img { margin-left: 10px; }
如果你想要給圖片添加不同的邊長,你可以這樣寫:
img { margin: 10px 20px 30px 40px; }
這會(huì)給圖片添加10像素的上邊距,20像素的右邊距,30像素的下邊距和40像素的左邊距。
margin
屬性的值可以是任何有效的CSS長度單位,如em
、rem
、vw
等,你也可以使用百分比來設(shè)置邊距的大小。
img { margin: 5%; }
這會(huì)給圖片添加5%的邊距,請(qǐng)確保你的圖片有足夠的空間來顯示這些邊距,否則它們可能會(huì)被拉伸或變形。