css background-position属性控制背景图像在元素中的位置

CSS background-position属性

CSS background-position属性可以控制背景图像在元素中的位置。background-position属性可以接受两个值，一个是水平位置，另一个是垂直位置。

使用方法

background-position属性的值可以是：

• 关键字：left、center、right、top、bottom；
• 百分比值：指背景图像相对于元素的宽度和高度的百分比；
• 像素值：指背景图像相对于元素的水平和垂直像素值。

/* 关键字 */
background-position: left top;
background-position: right bottom;

/* 百分比值 */
background-position: 50% 50%;

/* 像素值 */
background-position: 100px 100px;

background-position属性也可以只设置一个值，如果只设置一个值，那么第二个值默认为center。例如：

background-position: left;
background-position: 50%;
background-position: 100px;

如果你想让背景图像固定不动，可以使用background-attachment属性将其设置为fixed。

background-attachment: fixed;