background-position属性是什么?

2024-12-26 01:37:30

推荐回答（1个）

回答1：

background-position属性设置背景图像的起始位置。

background-position属性用于控制背景图片在元素中的位置。这个位置指定的是图片左上角相对于元素左上角的位置。

在下面的例子中，使用background-position属性来控制背景图片的位置，同时设置background-repeat为no-repeat；单位是像素；第一个数字表示水平（x轴）位置，第二个数字表示是垂直（y轴）位置：

/* 例1：默认值 */。

background-position: 0 0。

/* 图片左上角对齐元素的左上角 */。

/* 例2：把图片向右边移动75像素 */。

background-position:75px 0。

/* 例3：把图片向左移动75像素 */。

background-position:-75px 0。

/* 例4：把图片向下移动100像素 */。

background-position: 0 100px。