怎么给网站背景加图片?背景图css怎么写
用一为主题为例:效果如下↓↓↓
![怎么给网站背景加图片?背景图css怎么写](https://www.bzmzz.com/wp-content/uploads/2024/06/1719113064-56ff0d9cb8a5efa406cf0558e8142e46.png)
代码也很简单
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 这个四个看需求来。
代码知识
详细解释:
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
。
- 这行代码设置了元素的背景图像为指定的URL链接。在这个例子中,背景图像是
background-position: center center;
- 这行代码定义了背景图像在元素中的位置。
center center
表示图像将被放置在元素的中心位置,无论元素的大小如何。
- 这行代码定义了背景图像在元素中的位置。
background-size: auto;
- 这行代码设置了背景图像的尺寸。
auto
表示背景图像的尺寸将保持其原始尺寸,不会被缩放。
- 这行代码设置了背景图像的尺寸。
background-repeat: repeat;
- 这行代码定义了背景图像如何平铺。
repeat
表示图像将在元素的宽度和高度上重复,直到填满整个元素区域。
- 这行代码定义了背景图像如何平铺。
background-attachment: fixed;
- 这行代码设置了背景图像的附着方式。
fixed
表示背景图像相对于视口固定,即使页面滚动,背景图像也不会移动。
- 这行代码设置了背景图像的附着方式。
我是不知名站长-阿成我们下文见
发评论,每天都得现金奖励!超多礼品等你来拿
登录 后,在评论区留言并审核通过后,即可获得现金奖励,奖励规则可见: 查看奖励规则