HTML中的背景位置

在HTML中，可以使用CSS样式表来设置网页背景的位置。通过指定背景位置，可以控制图片在背景中的位置和对齐方式。

属性值

• top：将背景图像放置在容器的顶部。
• center：将背景图像放置在容器的中心。
• bottom：将背景图像放置在容器的底部。
• left：将背景图像放置在容器的左侧。
• right：将背景图像放置在容器的右侧。
• x% y%：将背景图像的左上角放置在指定的位置。例如，50% 50%会将背景图像的中心放置在容器的中心。
• xpos ypos：将背景图像的左上角放置在指定的位置。例如，10px 20px会将背景图像的左上角放置在容器的左上角，同时向右移动10个像素，向下移动20个像素。

注意：xpos和ypos可以为正数或负数。

示例

body {
  background-image: url('background.jpg');
  background-position: center;
}

以上代码将background.jpg图片置于容器的中心。

body {
  background-image: url('background.jpg');
  background-position: -10px -20px;
}

以上代码将background.jpg图片置于容器的左上角，同时向右移动10个像素，向下移动20个像素。

参考链接

• CSS Backgrounds - W3Schools
• CSS Background - MDN Web Docs