在HTML页面构建时，刚入门的前端小狮子?? 们经常被配景图的位置，尺寸所迷惑，怎样才华更好的措置惩罚惩罚配景图，让配景图到达你想要的效果呢，那么，退后，朕又开始装逼了～

首先决定配景图的有如部属性：

background-image:url(images/recovery/Tips_bg.jpg);

background-size:length|percentage|cover|contain;

size属性主要控制配景图片的巨细，长短常直不雅观的一种控制方法，如上图，我们既可以直接设置配景图的巨细，好比100px 100px，等来控制巨细，，还可以设置对付容器的百分最近控制配景图片的巨细，还有两种特殊的模式：cover&contain；

background-position是用来控制位置

如果你想让一个banner图1080p时是这样

而小屏时是这样

怎么办？好说：直接设background-posiiton：center top 就哦了，他会让配景图从最中间铺开，再也不用担忧错位的问题了，想要什么样式的，什么模式的配景图，都可以组合试一下，保证玩转～2333

CSS教你玩转配景background-position（1）