在构建HTML页面时,刚入门的前端小狮子??人们常常被背景图片的位置和大小弄糊涂,如何更好的处理背景图,让背景图达到你想要的效果,然后,退后,我又开始装了~首先,背景图有如下属性:background-image:url(images/recovery/Tips_bg.jpg);background-size:length|percentage|cover|contain;size属性主要控制背景图片的大小,是一种非常直观的控制方式。如上图所示,我们可以直接设置背景图的大小,比如100px100px等来控制大小,也可以设置容器的百分比来控制背景图的大小,以及有两种特殊模式:cover&contain;background-position用于控制位置。如果您希望横幅图像在1080p和较小时看起来像这样怎么办??说起来简单:只要设置background-posiiton:centertop,就可以让背景图片从中间向外展开,再也不用担心错位的问题了。您可以尝试以任何您想要的风格或模式组合背景图像。一键搞定,好玩~2333
