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

在html开发中,我们可以为整个页面添加背景图,下面来看下具体怎么做。

操作方法

  • 01

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

  • 02

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

  • 03

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

  • 04

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

(0)

相关推荐

  • 如何在PDF文档中插入/删除页面

    PDF是现在十分常用的文件类型之一,有些新用户不知道如何在PDF文档中插入/删除页面,接下来小编就给大家介绍一下具体的操作步骤.具体如下:1. 首先第一步先打开电脑中的[XXPDF编辑器],接着根据下 ...

  • 如何在PDF文档中插入空白页面

    PDF是现在十分常用的文件类型之一,有些新用户不知道如何在PDF文档中插入空白页面,接下来小编就给大家介绍一下具体的操作步骤.具体如下:1. 首先第一步先打开电脑中的PDF软件,接着根据下图箭头所指, ...

  • 迅捷PDF阅读器如何在文档中插入空白页面

    迅捷PDF阅读器是现在十分常用的一款PDF文档编辑软件,有些用户想知道该软件如何在文档中插入空白页面,接下来小编就给大家介绍一下具体的操作步骤.具体如下:1. 首先第一步先打开电脑中的[迅捷PDF阅读 ...

  • WPS如何在Word文档中插入图片并更改背景颜色

    WPS是现在十分常用的办公软件,有些新用户不知道该软件如何在Word文档中插入图片并更改背景颜色,接下来小编就给大家介绍一下具体的操作步骤.具体如下:1. 首先第一步先用WPS打开电脑中的Word文档 ...

  • 如何在Word2013中插入横向页面

    如何在Word2013中插入横向页面?下面我们一起来看下操作方法. 操作方法 01 启动2013版本的Word软件,进入到操作界面中. 02 鼠标移到菜单栏中点:页面布局 03 在下面展开的内容中,再 ...

  • PPT怎么扣除插入的图片的背景图

    PPT是我们常用的办公软件之一,有小伙伴问怎么扣除PPT中插入图片背景图,下面小编介绍一下.具体如下:1. 打开PPT,点击上方的"图片",选择要插入的图片2. 然后在" ...

  • WPS怎么在Word文档中插入并查看GIF动图

    WPS是一款功能强大的办公软件,支持多种文件类型,有些用户想知道怎么在Word文档中插入并查看GIF动图,接下来小编就给大家介绍一下具体的操作步骤.具体如下:1. 首先第一步根据下图所示,打开电脑中需 ...

  • 如何在纵向的word页面中插入横向页面

    这里和大家分享一下如何在纵向的word页面中插入横向的页面 操作方法 01 设置页面纵横的方法是在布局工具栏中选择纸张方向 02 在纸张方向的下拉菜单中选择横向 03 设置好以后通过打印预览查看,整个 ...

  • 如何在Word2010中插入横向页面?

    ①启动Word2010,单击菜单栏--页面布局--分页符--下一页。 ②在插入一个页面之后,单击页面布局--纸张方向,选择横向即可。 ③下面,我们看看是不是完成了插入,如下图所示,再明显不过了。