改变背景图片的位置

默认添加背景图片，图片的位置位于元素的左上角。

.container {
  width: 800px;
  height: 600px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  background: url(./images/sky.jpg) no-repeat;
}

效果如下：

background-position

通过 background-position 修改背景位置

1. top：背景图片位于元素的顶部，水平方向居中对齐。
2. bottom: 背景图片位于元素的底部，水平方向居中对齐。
3. left: 背景图片位于元素的左边，垂直方向居中对齐。
4. right: 背景图片位于元素的右边，垂直方向居中对齐。
5. center: 水平垂直居中

实现的效果如下：

background-position-x

修改水平方向的背景位置，其值有 left, center, right

background-position-y

修改垂直方向的背景位置，其值有 top, center, bottom