欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css實現圖片無縫拼接

林子帆1年前7瀏覽0評論

在網頁設計中,圖片拼接是一種很重要的技術。我們可以使用css實現圖片的無縫拼接,使得網站在視覺上更加美觀。

下面是實現圖片無縫拼接的代碼:

img{
display:block;
float:left;
margin:0;
padding:0;
}
.img1{
background:url(a.png) no-repeat left top;
width:400px;
height:200px;
}
.img2{
background:url(b.png) no-repeat left top;
width:400px;
height:200px;
margin-left:-200px;
}

上面的代碼中,我們將兩張圖片背景設置成圖片自身,然后將它們浮動到左側,通過margin-left屬性將第二張圖片向左移動。

這樣,我們就可以實現圖片的無縫拼接效果了。

下一篇div 與span