html实现背景图片自动更换,如何实现在HTML中更换或添加网站背景图片

如何实现在HTML中更换或添加网站背景图片

发布时间:2020-07-20 11:25:58

来源:亿速云

阅读:113

作者:Leah

本篇文章给大家分享的是有关如何实现在HTML中更换或添加网站背景图片,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。

我们可以在网页上点击鼠标右键查看网站源代码,然后找到css里面的背景图这一段代码,查看背景图路径,通过ftp或者服务器进行替换图片即可。

html中更换或添加网站背景图片具体代码示例如下:/*控制背景图片是否滚动*/

body{background-image:url(图片地址);background-repeat:no-repeat;background-attachment:fixed;}

body{background-image:url(图片地址);background-repeat:no-repeat;background-attachment:scroll;}

081647225c3f4d6f1aa9696a9f872d27.png

注:

background-attachment 属性设置背景图像是否固定或者随着页面的其余部分滚动。

可能的值:

scroll:默认值。背景图像会随着页面其余部分的滚动而移动。

fixed:当页面的其余部分滚动时,背景图像不会移动。

inherit:规定应该从父元素继承 background-attachment 属性的设置。

以上就是如何实现在HTML中更换或添加网站背景图片,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注亿速云行业资讯频道。

  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值