div怎么设置背景图片

 时间:2026-02-13 15:21:33

1、编写div标签

首先我们来新建一个html文档;如图所示,编写一个类名等于setbg的div标签;

div怎么设置背景图片

2、设置背景

接着给div写上样式,写上“background: url(bg_main.jpg);”的样式,从而设置好背景图,然后浏览当前页面,本以为大功告成,怎知发现当前页面并没有图片,这是怎么回事呢?

div怎么设置背景图片

div怎么设置背景图片

3、设置高度

回过头来才发现,div并没有高度,所以即使设置了背景图,但没高度依然是看不到任何东西,因此我们需要同时给div设置高度“height:500px”,如图;

div怎么设置背景图片

4、背景图出现

再浏览发现高度有了之后,背景图也出现了;

div怎么设置背景图片

5、无平铺疑问

如果div里面有很多文字,而且超过了固定高度,这是就会发现背景不会平铺到底部,该怎么办呢?

div怎么设置背景图片

6、设置平铺

这时我们可以在设置好的背景后面加个 “repeat”,就可以平铺背景图了~

div怎么设置背景图片

  • 怎么让两个div在同一行
  • div 怎么设置背景图片
  • html鼠标悬停变色
  • 去掉小圆点;li标签去掉圆点
  • HTMLcss怎样让div固定在顶部位置
  • 热门搜索
    实际出勤天数怎么算 安卓手机怎么root cad注册机怎么用 三七分发型男 酒精怎么消毒 适合自己的发型 喜欢的近义词是什么 博物馆的英语 怎么扎马尾好看又简单 尿结石是怎么形成的