1回答

好帮手慕慕子

2020-02-12

同学你好， 背景图片默认是从盒子的左上方开始显示，以同学说的小圆点为例，background-position:0 0;是默认在盒子中，显示的是背景图片灰色部分。红色框表示一个盒子是显示区域，其他地方在页面中看不到的。

如果我们需要在盒子中显示蓝色部分，由于盒子大小和位置是不变的，那么就需要在水平方向向左移动背景图片，即：background-position:-40px 0; 示例：

同学可以试着理解下。如果还有疑惑，可以回顾一下，前面对于background-position属性讲解的课程https://class.imooc.com/lesson/755#mid=18833 

如果我的回答帮助到了你，欢迎采纳，祝学习愉快~

0