1回答

好帮手慕夭夭

2019-08-07

已采纳

你好同学，解答如下：

1.两个center是设置背景定位，即background-position。

2.参考如下区分

（1）background-position是设置背景图位置的，例如如下：

一张背景图默认从盒子的左上角开始显示，当图片太大，会有很多显示不到的地方。

如果想要图片中间部分作为盒子的背景图，那么就需要设置背景定位，例如center center就相当于让图片参考盒子，往上和往左移动了图片的一半，如下：

（2）background-origin 属性规定 background-position 属性相对于什么位置来定位。上面说到了定位是参照盒子的左上角，那么background-origin这个属性可以简单的理解为哪里成为左上角。

可以把边框设置大一点，设置一个透明效果就比较明显了，如下

默认情况下，背景图开始的位置是不包含边框的，可以对比一下，背景图开始的位置不包含边框

当设置 background-origin:border-box;表示左上角从边框开始，那么背景图开始的位置是在边框的左上角。

可以自己去写一写测试一下，这样能够更好的帮助你理解。当然了，实际开发中， background-origin属性不常用，简单的了解即可。

祝学习愉快，望采纳。

0

hq_慕移动3101913

h 说得好清楚，谢谢老师。

h019-08-08

共1条回复