css布置背景图片

CSS是一种用于网页排版和装饰的语言，可以通过它实现背景图片的定位和样式。

在CSS中，可以使用background属性来设置背景图片，属性值可以是图片的URL地址或者none（表示无背景图片）。

/* 设置背景图片，将图片定位到左上角 */
body {
  background-image: url("background.jpg");
  background-position: left top;
}

除了定位，还可以通过CSS来设置背景图片的尺寸、重复和滤镜等效果。

/* 设置背景大小为100%宽度，自动等比缩放 */
body {
  background-size: 100% auto;
}

/* 设置背景重复为水平方向平铺 */
body {
  background-repeat: repeat-x;
}

/* 使用滤镜使背景图片变模糊 */
body {
  filter: blur(5px);
}

如果希望背景图片固定在页面中某个位置并保持不随滚动条滚动而移动，可以使用background-attachment属性。

/* 将背景图片固定在页面顶部不动 */
body {
  background-attachment: fixed;
  background-position: top; /* 可选，定位到顶部 */
}

以上是使用CSS设置背景图片的基本方式和示例，可以根据需要进行调整和组合，实现更多复杂的效果。