http://www.yuyong.net

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

如果想在整个页面上将一张大图作为背景,用代码该怎么实现呢 操作方法 01 在body中创建背景图片,就需要用到背景图片属性啦,如图在background-image后面插入url;在rul后面就是添加的图...

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

操作方法

  • 01

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

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

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

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

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

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

    如图在横排出现重复

  • 05

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

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

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

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

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

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

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

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

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。