css設(shè)置圖片之間的間隔的方法

發(fā)布時間：2021-01-05 09:32:24

來源：億速云

閱讀：116

作者：小新

這篇文章將為大家詳細講解有關(guān)css設(shè)置圖片之間的間隔的方法，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。css設(shè)置圖片之間的間隔的方法：首先新建一個html文件；然后創(chuàng)建一個div，并在div內(nèi)使用img標(biāo)簽創(chuàng)建兩張圖片；最后使用margin屬性設(shè)置兩張圖片之間的距離即可。

css設(shè)置兩個圖片之間的距離的方法

新建一個html文件，命名為test.html，用于講解css中如何設(shè)置兩個圖片之間的距離。

在test.html文件內(nèi)，創(chuàng)建一個div，并設(shè)置其class屬性為dd，用于下面對div進行css樣式設(shè)置。

在div內(nèi)，使用img標(biāo)簽創(chuàng)建兩張圖片，圖片名稱分別為1.jpg，3.jpg。

為了展示明顯的效果，對div進行樣式設(shè)置。設(shè)置div寬度為600px，高度為500px，居中顯示，同時設(shè)置1px灰色邊框。

在test.html文件內(nèi)，使用margin屬性設(shè)置兩張圖片之間的距離。例如，設(shè)置1.jpg圖片距離3.jpg圖片30px，可以使用margin-right屬性進行設(shè)置。

關(guān)于“css設(shè)置圖片之間的間隔的方法”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。

總結(jié)

以上是生活随笔為你收集整理的html照片与照片之间的间隔,css设置图片之间的间隔的方法的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。