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