css图片定位x y |css3学习手册

background-position属性允许使用关键字或长度值来定位图片。其中x和y表示水平（左右）和垂直（上下）方向的偏移量，单位可以是像素（px）、百分比（%）或关键字（left、center、right、top、middle、bottom）。

.box {
background-image: url("picture.jpg");
background-position: 50% 50%;
}
.box2 {
background-image: url("picture2.jpg");
background-position: left top;
}

在上面的例子中，.box的背景图片在元素内水平和垂直方向都居中，而.box2的背景图片则位于元素左上角。

通过调整background-position的值，可以精确控制图片的位置。例如：

.box3 {
background-image: url("picture3.jpg");
background-position: -10px -20px;
}

上述代码使.box3的背景图片在元素内水平向左偏移了10个像素，垂直向上偏移了20个像素。