当前位置:常识集 > 数码游戏 > IT技术 > 在html中插入整个页面的背景图
手机版

在html中插入整个页面的背景图

来源:常识集 阅读:2.56W 次

操作方法

先做一个简单的HTML页面,页面里只有一个div和一段文字。

在html中插入整个页面的背景图

要添加整个页面的背景图片,我们就只能把背景加到body标签里了,所以我们在body里添加一个样式,叫‘bg’

在html中插入整个页面的背景图 第2张

然后定义这个bg的样式规则,主要就是添加background-image样式,就是添加背景图。
background-repeat是让背景图铺满整个页面。

在html中插入整个页面的背景图 第3张

看下页面的效果,可以看到现在整个页面都铺满了蝴蝶这张图片了。为了更好的效果,大家可以更换一张更好看的背景图。

在html中插入整个页面的背景图 第4张
本文链接:https://www.changshiji.com/smyx/itjishu/g50gl.html

Copyright © 2024. 常识集 All right reserved. 浙ICP备20202586号-2

文字美图素材,版权属于原作者。部分文章内容由网友提供推送时因种种原因未能与原作者联系上,若涉及版权问题,敬请原作者联系我们,立即处理。