HTML图片设置成为页面背景 ( 五个小步骤)
作者:小教学发布时间:2023-10-03分类:程序开发学习浏览:68
导读:1在body里面使用,一般放在网页的开头编写<body></body>2找到图片存放路径(可以是jpg也可以是gif图片格式)<bo...
1 在body里面使用, 一般放在网页的开头编写
<body></body>
2 找到图片存放路径(可以是jpg也可以是gif图片格式)
<body background="图片存放的的路径"
></body>
3 设置图片不重复出现
<body background="photo/动态.gif"
style="background-repeat:no-repeat>
</body>
4 使图片位置固定
<body background="photo/动态.gif"
style="background-repeat:no-repeat;
background-attachment:fixed;>
</body>
5 使背景比例达到窗口的100%
<body background="photo/动态.gif"
style="background-repeat:no-repeat;
background-attachment:fixed;
background-size:100% 100%; ">
</body>
6 代码展示
- 程序开发学习排行
-
- 1鸿蒙HarmonyOS:Web组件网页白屏检测
- 2HTTPS协议是安全传输,为啥还要再加密?
- 3HarmonyOS鸿蒙应用开发——数据持久化Preferences
- 4记解决MaterialButton背景颜色与设置值不同
- 5鸿蒙HarmonyOS实战-ArkUI组件(RelativeContainer)
- 6鸿蒙HarmonyOS实战-ArkUI组件(Stack)
- 7鸿蒙HarmonyOS实战-ArkUI组件(GridRow/GridCol)
- 8[Android][NDK][Cmake]一文搞懂Android项目中的Cmake
- 9鸿蒙HarmonyOS实战-ArkUI组件(mediaquery)
- 最近发表
-
- WooCommerce最好的WordPress常用插件下载博客插件模块的相关产品
- 羊驼机器人最好的WordPress常用插件下载博客插件模块
- IP信息记录器最好的WordPress常用插件下载博客插件模块
- Linkly for WooCommerce最好的WordPress常用插件下载博客插件模块
- 元素聚合器Forms最好的WordPress常用插件下载博客插件模块
- Promaker Chat 最好的WordPress通用插件下载 博客插件模块
- 自动更新发布日期最好的WordPress常用插件下载博客插件模块
- WordPress官方最好的获取回复WordPress常用插件下载博客插件模块
- Img to rss最好的wordpress常用插件下载博客插件模块
- WPMozo为Elementor最好的WordPress常用插件下载博客插件模块添加精简版