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 代码展示

# html # 前端 # javascript # css # vue.js
Logo
华为开发者空间

华为开发者空间，是为全球开发者打造的专属开发空间，汇聚了华为优质开发资源及工具，致力于让每一位开发者拥有一台云主机，基于华为根生态开发、创新。

更多推荐

cover

解读TaurusDB字段压缩：减少存储成本，避免语句大量修改

avatar 华为开发者空间
cover

使用DAS的导出和导入功能迁移GaussDB数据

avatar 华为开发者空间
cover

GaussDB 使用gs_loader工具导入数据

avatar 华为开发者空间