cssbackground-position

CSS的background-position属性用于设置背景图像的位置。

background-position属性接受一个横向和纵向的值，可以使用关键字（如left、right、top、bottom等）或百分数（相对于容器宽高的百分比）或长度（像素或其他长度单位），也可以使用两个值组合来表示背景图片的位置。

当只设置一个值时，该值表示背景图像在横向和纵向上的位置都是这个值。比如background-position: left;表示背景图像在左上角位置。background-position: 50%表示背景图像在容器的中央位置。

当设置两个值时，*个值表示横向的位置，第二个值表示纵向的位置。比如background-position: left top;表示背景图像在左上角位置。background-position: right bottom;表示背景图像在右下角位置。background-position: 50% 25%;表示背景图像在容器的水平居中，垂直方向上在距离容器顶部25%的位置。

除了使用具体的值外，还可以使用关键字来设置背景图像的位置。比如background-position: top left;表示背景图像在左上角位置。background-position: bottom right;表示背景图像在右下角位置。background-position: center;表示背景图像在容器的居中位置。

另外，background-position属性还可以设置多个背景图像的位置。多个背景图像使用逗号分隔。比如background-position: top left

center center

bottom right;表示*个背景图像在左上角，第二个背景图像在容器的居中位置，第三个背景图像在右下角。

在使用百分数或关键字设置背景图像的位置时，需要注意容器的大小。如果容器的大小会随着内容的变化而变化，那么背景图像的位置也会相应地改变。因此，如果要设置背景图像在固定位置上，建议使用像素或其他具体的长度单位来设置位置。

常用的关键字包括：left，right，top，bottom，center.百分数是相对于容器的宽高。像素是具体的长度单位，在固定大小的容器中适用。