css如何设置背景图片的位置

在CSS中，要设置背景图片的位置，可以使用`background-position`属性。你可以指定横坐标（left 或 right）和纵坐标（top 或 bottom），也可以使用百分比、长度单位或者关键字（如 `center`）。例如：

.background-position-example {
    background-image: url('your-image.jpg');
    background-position: center; /* 图片居中 */
    background-position: top left; /* 图片左上角开始 */
    background-position: 50% 50%; /* 相对于元素宽度和高度的一半 */
}

另外，如果你想让背景图片在整个容器内平铺，可以使用`background-repeat`属性，将其设置为`repeat`, `repeat-x`, `repeat-y` 或者 `no-repeat`。默认情况下，大多数浏览器会假设`repeat`。

.background-repeat-example {
    background-image: url('your-image.jpg');
    background-repeat: repeat; /* 图片重复铺满整个容器 */
    background-repeat: no-repeat; /* 图片只显示一次 */
}

[^1]^2]