在網(wǎng)頁設(shè)計(jì)中，經(jīng)常需要對(duì)圖片進(jìn)行排版。當(dāng)多張圖片在一行中排列時(shí)，為了美觀，我們需要添加一定的水平間隔，讓圖片之間有一些間隔感，看起來更加舒適。那么，如何用CSS設(shè)置圖片水平間隔呢？ 在CSS中，可以用margin屬性來設(shè)置圖片的外邊距，實(shí)現(xiàn)水平間隔。margin的取值可以是一個(gè)值、兩個(gè)值或四個(gè)值，分別對(duì)應(yīng)上下左右四個(gè)方向的邊距值。下面是一個(gè)示例的CSS代碼：

img {
margin-right: 10px;
}

上述CSS代碼表示，對(duì)于所有的img元素，設(shè)置右外邊距為10像素。這樣就能夠?qū)崿F(xiàn)圖片之間的水平間隔，看起來更加美觀。 當(dāng)然，如果需要設(shè)置圖片之間的垂直間隔，也可以通過設(shè)置margin-bottom屬性來實(shí)現(xiàn)。如果同時(shí)需要設(shè)置水平和垂直間隔，可以使用margin的四個(gè)值來同時(shí)設(shè)置。 綜上所述，通過CSS的margin屬性，可以輕松設(shè)置圖片的水平間隔，讓頁面更加美觀。