怎么给网站背景加图片？背景图css怎么写

 

用一为主题为例：效果如下↓↓↓

怎么给网站背景加图片？背景图css怎么写

代码也很简单

body.home.blog.sidebar_right {
    background-image: url(https://www.rrnav.com/wp-content/uploads/2022/12/indexbg.png);
    background-position: center center;
    background-size: auto;
    background-repeat: repeat;
    background-attachment: fixed;
}

想修改图片，更换background-image地址就行

background-position、    background-size、    background-repeat、    background-attachment 这个四个看需求来。

代码知识

详细解释：

  1. background-image: url(https://www.rrnav.com/wp-content/uploads/2022/12/indexbg.png);
    • 这行代码设置了元素的背景图像为指定的URL链接。在这个例子中，背景图像是 https://www.rrnav.com/wp-content/uploads/2022/12/indexbg.png。
  2. background-position: center center;
    • 这行代码定义了背景图像在元素中的位置。center center 表示图像将被放置在元素的中心位置，无论元素的大小如何。
  3. background-size: auto;
    • 这行代码设置了背景图像的尺寸。auto 表示背景图像的尺寸将保持其原始尺寸，不会被缩放。
  4. background-repeat: repeat;
    • 这行代码定义了背景图像如何平铺。repeat 表示图像将在元素的宽度和高度上重复，直到填满整个元素区域。
  5. background-attachment: fixed;
    • 这行代码设置了背景图像的附着方式。fixed 表示背景图像相对于视口固定，即使页面滚动，背景图像也不会移动。

我是不知名站长-阿成我们下文见