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

在html开发中 , 我们可以为整个页面添加背景图 , 下面来看下具体怎么做 。 操作方式 01 先做一个简单的HTML页面 , 页面里只有一个div和一段文字 。

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

文章插图

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

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

文章插图

03 然后界说这个bg的样式法则 , 本家儿要就是添加background-image样式 , 就是添加布景图 。
background-repeat是让布景图铺满整个页面 。

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

文章插图

04 【在html中插入整个页面的背景图】看下页面的结果 , 可以看到此刻整个页面都铺满了蝴蝶这张图片了 。 为了更好的结果 , 大师可以改换一张更都雅的布景图 。

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

文章插图



以上内容就是在html中插入整个页面的背景图的内容啦 , 希望对你有所帮助哦!

    推荐阅读