网页设计HTML中如何插入背景图片呢？今天一起来看一下吧。

方法

  • 1
    打开HBuilderX软件
  • 2
    进入后新建一个html文件
  • 3
    命名为背景图片点击创建
  • 4
    然后在同一文件夹中放入一张背景图片
  • 5
    然后在head中编写style样式，如图所示。
  • 6
    按c来自trl+s保存然后点击上方视频图标选择浏览器进行运行即可
  • 7
    效果360新知如图所示，未设置平铺方式的情况为默认水平竖直平铺
  • 8
    不想重复平铺在后方加入代码：background-repeat: no-repeat这样图片只会显示一次
  • 9
    效果如图所示
  • 会整宜酒形示罪10
    想要水平重复平铺，德鲜定权井地局待房在后放输入代码background-repeat: repeat-x
  • 11
    效果如图所示
  • 12
    竖直重复平铺添加代码：background-repeat: repeat-y
  • 13
    效果如图所示
  • 14
    水平竖直都重复平铺也就是默认样式代码为：bac今法医互盐联亲磁kground-repeat: repeat
END