css 中设置body的背景图片

CSS 中设置 body 的背景图片是一个常见的操作，可以让网站变得更加美观。下面介绍一些常用的方法。

最常用的方法是通过 background-image 属性来设置 body 的背景图片。使用 pre 标签来展现代码：

body {
      background-image: url("图片路径");
}

上面代码中，需要将图片路径改成具体的图片路径，例如：

body {
      background-image: url("https://example.com/images/bg.jpg");
}

使用定位属性 background-position 可以调整背景图片的位置。常用的取值有 left、right、center、top、bottom，同时也可以使用像素和百分比的值。例如：

body {
      background-image: url("https://example.com/images/bg.jpg");
      background-position: center;
}

这样可以将背景图片居中显示。

另外，还可以使用 background-repeat 属性来控制背景图片的重复方式。默认情况下，背景图片是平铺重复的，但是可以设置为 no-repeat，表示不重复，或者 repeat-x、repeat-y，分别表示水平方向和垂直方向重复。例如：

body {
      background-image: url("https://example.com/images/bg.jpg");
      background-position: center;
      background-repeat: no-repeat;
}
    

上面代码中，设置了背景图片不重复，居中显示。

总之，通过合理使用 CSS 属性，可以将网站的背景图片设置得更加美观，增强用户体验。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！