1.多图拼接：

background: url(img/bg1.png) left top no-repeat,

            url(img/bg2.png) right top no-repeat,

            url(img/bg3.png) right bottom no-repeat,

            url(img/bg4.png) left bottom no-repeat,

            url(img/bg5.png) center center no-repeat;

2.背景定位

/*相对于内容定位*/

background-origin: content-box;

/*相对于边框盒来定位。*/

background-origin: border-box;

/*自定义背景图定位*/

background: url(img/allbg.jpg) -40px -198px no-repeat;

3.背景覆盖

background-size:cover;

background-size:contain;

background-size:  auto 100%;

远近互联前端小华整理发布，希望能对学习技术的你有所帮助

远近互联专业提供网站建设、APP开发、网站优化、外贸网站SEO、微信运营的品牌整合营销服务让客户通过网络品牌建立与网络传播提高业绩。