从上一节我们已经大部分掌握了css控制背景图片的属性，但是还有一个属性需要深入去了解一下。
那就是
- background-position–规定背景图片位置的属性。
- background-position：输出值除了center、left和right之外，还有一个数轴的精确控制。
例子：如下图，我需要把下面一张卡通图片中的卡通人物放到一个div中
但是图片本身宽高要比div的宽高要大，此时只能通过精准x、y轴移动去控制
先来普及一下计算机x、y轴移动的一些逻辑→→
图片默认左上角对准引入到的div中的宽高左上角
→→所以这个时候，由于设置的div宽是400比图片宽1486少很多，div高700也比图片高905少，所以图片要先往左移动一段距离，往上移动一段距离，数值大概估算–
经过一段移动，图片中的卡通基本出现到了我们设置的div中，但是位置还没有完全对准，需要继续一点点调整。
继续调整→→
