如果你在使用HTML時(shí)需要在頁面中顯示多張圖片,那么就需要考慮如何控制圖片之間的距離。HTML中可以通過CSS樣式來設(shè)置兩張圖片之間的距離。下面我們來介紹一下如何使用HTML設(shè)置兩張圖片之間的距離。
<style type="text/css"> .img-container { margin-right: 10px; } </style>
以上代碼就是設(shè)置兩張圖片之間距離的CSS樣式,我們使用了margin-right屬性來設(shè)置圖片右側(cè)的距離為10px。接下來我們就要在HTML中應(yīng)用這個(gè)樣式。
<div class="img-container"> <img src="image1.jpg" alt="圖片1"> </div> <div class="img-container"> <img src="image2.jpg" alt="圖片2"> </div>
以上代碼就是我們?cè)贖TML中應(yīng)用CSS樣式的例子,我們使用了div包裹圖片,并為每個(gè)div添加了class屬性,讓它們應(yīng)用相同的樣式。
通過以上代碼,我們就能夠很方便地設(shè)置兩張圖片之間的距離了。