CSS是一種用于格式化網(wǎng)頁的語言,它可以用來設(shè)計網(wǎng)頁的布局、顏色、字體樣式,也可以使網(wǎng)頁中的圖片并排展示。下面將介紹如何將兩張圖片并排排列。
.img1{ float:left; margin-right:10px; } .img2{ float:left; }
在上面的代碼中,.img1
和.img2
是兩個圖片的類名,我們使用CSS中的浮動屬性(float
),將兩個圖片浮動到左側(cè),并通過margin-right
屬性將第一個圖片和第二個圖片之間留下一定的空隙。
接下來,我們在HTML中將兩個圖片用標(biāo)簽包裹起來,并將
.img1
和.img2
兩個類名添加進去:
<div class="image-box"> <img src="image1.jpg" class="img1"> <img src="image2.jpg" class="img2"> </div>
最后,我們需要將兩張圖片所在的容器類.image-box
設(shè)置一下清除浮動,使其可以顯示在正常流中,防止其他元素受到影響。
.image-box{ clear:both; }
通過以上的步驟,就可以使兩張圖片并排展示在網(wǎng)頁上了。
上一篇css怎么使用相對布局
下一篇jquery運算符有哪些