CSS是一种用于设置网页样式的标记语言。通过使用CSS，大家可以对网页中的元素、样式和布局进行自定义。其中，背景图片是CSS中常用的一个元素，可以通过设置其位置来改变网页的背景色和布局。
在CSS中，背景图片可以通过以下两种方式设置位置：
1. 绝对定位
绝对定位是指在HTML元素中设置元素的位置，使其位于HTML文档的开头或结尾。使用绝对定位，大家可以将背景图片放在页面的任意位置。例如，大家可以将背景图片放在页面顶部或底部，或者将其放在页面中间。
使用绝对定位需要将背景图片设置为相对于父元素进行定位。例如，如果背景图片是放在父元素的顶部，则可以在父元素中使用绝对定位，并将背景图片设置为相对于父元素进行定位。
以下是一个示例代码：
“`html
<div class=”parent”>
<div class=”child”>
</div>
</div>
“`css
.parent {
position: relative;
.child {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
在上面的代码中，`.parent`是父元素，`.child`是子元素，父元素中使用`position: relative`来使其相对于背景图片进行定位，子元素使用`position: absolute`来将其相对于父元素进行定位，并设置`top`和`left`属性来调整其位置。
2. 伪元素
伪元素是一种在HTML中使用的机制，可以用来创建一个HTML元素并对其进行自定义。使用伪元素，大家可以将背景图片放在父元素的顶部或底部，或者将其放在页面的任意位置。
使用伪元素需要将背景图片设置为相对于父元素进行定位。例如，如果背景图片是放在父元素的顶部，则可以在父元素中使用伪元素，并将背景图片设置为相对于父元素进行定位。
以下是一个示例代码：
“`html
<div class=”parent”>
<div class=”child”>
</div>
<div class=”child”>
<h1>Hello World!</h1>
</div>
</div>
“`css
.parent {
position: relative;
.child {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
通过以上两种方式，大家可以灵活地设置CSS背景图片的位置，从而实现不同的布局效果。