HTML中插入背景图的代码是什么

如果想在整个页面上将一张大图作为背景,用代码该怎么实现呢

操作方法

  • 01

    在body中创建背景图片,就需要用到背景图片属性啦,如图在background-image后面插入url;在rul后面就是添加的图片链接位置

  • 02

    如果我们只做了这么一步,而且自己的图片本来就不是很大,那么在网页上就会出现多拍重叠的图片,

  • 03

    这时候就需要将图片重复现象去掉,设置代码background-repeat设置,而这里就有多钟设置方式了,可以将图片只在横排出现

  • 04

    如图在横排出现重复

  • 05

    也或者只让他在竖排重复出现

  • 06

    只让他出现一张图片的方法就是设置no-repeat;这样在背景上就会显示一张图片了

  • 07

    如果想要将这个图片在整个背景上显示,可以设置background-size:100%  auto;这样就将背景只显示一张图片了

  • 08

    在图片背景的问题上,还可以对图片背景进行定位处理。

(0)

相关推荐

  • 如何在PPT文档中插入折线图并添加高低点连线

    PPT是现在十分常用的文件类型之一,有些新用户不知道如何在PPT文档中插入折线图并添加高低点连线,接下来小编就给大家介绍一下具体的操作步骤.具体如下:1. 首先第一步打开电脑中的PPT文档,根据下图所 ...

  • WPS怎么在PPT中插入背景图片?

    WPS怎么在PPT中插入背景图片?本文将做介绍. 操作方法 01 首先,打开PPT. 02 右击需要插入背景图的幻灯片. 03 在弹出的页面中,选择"背景". 04 点击右侧的&q ...

  • 怎么在wps中添加背景图和删除背景图?

    在制作wps文档的时候,有时候仅仅是一些文字和一些空白页,就会觉得过于简单以及单调,如果这时候设置一张图片作为背景的话,使整个文档会立马具有特色.小编在这里介绍下怎么在wps中添加背景图和删除背景图? ...

  • 如何在微信公众号文章中插入背景图片?

    在微信公众号运营中,背景图片的设置可以使文章排版更美观,那么怎么插入背景图片呢? 操作方法 01 搜索"秀米图文编辑器",进入官网,添加一个新图文 02 添加新图文之后,在&quo ...

  • 如何在Word2010中插入背景图片

    如何在Word2010中插入背景图片呢?很多人都不会,下面小编来教大家. 操作方法 01 首先,我们打开我们电脑上面的word,然后我们点击页面布局: 02 之后我们点击页面颜色,弹出的界面,我们点击 ...

  • Excel如何快速在柱形图中插入折线图?

    用EXCEL表格单纯做柱形图或者做折线图我们在插入中选择便可很快完成图表的制作,但仅仅如此有时并不能完全满足我们的需求,今天小编就教你如何快速在柱形图中插入折线图,一起来看看吧! 步骤 1.打开EXC ...

  • word文档中插入关系图的方法

    word是一个非常强大的文字编辑工具,可以完成很多办公需要,下面就给大家介绍在word文档中插入关系图的方法.具体如下:1. 先打开一个word文档,需要在这个文档插入关系图:2. 然后点击顶部菜单栏 ...

  • excel表格中插入背景功能在哪?怎么插入

    excel表格是我们现在经常使用的办公软件之一,那么excl表格怎么插入背景呢?今天小编告诉大家.具体如下:1. 首先我们需要打开电脑上的excel表格.2. 选择一份已存储的文件.3. 我们需要先设 ...

  • 如何在闲鱼app中设置背景图?

    相信很多小伙伴都有在使用闲鱼app,其中的背景图如何才能设置呢?方法很简单,下面小编就来为大家介绍.具体如下:1. 首先,在"百度手机助手"中搜索"闲鱼"并下载 ...