div怎么设置背景图片

 时间:2026-04-22 08:06:57

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固定在顶部位置
  • 热门搜索
    1433223什么意思 容积率是什么 1988年是什么命 风吹草低见牛羊的见是什么意思 吃紧急避孕药有什么副作用 梦见掉牙是什么意思 雪花秀适合什么年龄 什么的窗户 2月16日是什么星座 江西老表是什么意思