HTML学习笔记9——CSS精确控制背景图片位置——background-position

1.background-position 还可以进一步定义 x,y 方向的靠左、靠右，居中等。

　　background-position：center top；            图片靠中上；

　　background-position：right bottom；         图片靠右下；

2.多个div使用同一个背景图片时，可通过对  background-position的移动显示出想要的部分。

　　方向：

　　　　

例子后续再列，因为我要加快速度啦~

3.如何将背景的众多属性写在一起？按以下顺序写即可：

　　background：color image位置 repeat属性 attachment(可省) position ;

　　　例： background：gray url(bg.png) no-repeat -150px -530px;

 

转载于:https://www.cnblogs.com/Christeen/p/5672011.html