div怎么设置背景图片

作者:wendy | 创建时间: 2023-06-12
今天有新同事问我怎么设置背景图片,如是写了段代码三下五除二的功夫给了过去,然后新同事说没效果,这是才发现设置背景图也有“猫腻”。。。有什么猫腻呢,听小编徐徐道来。...
div怎么设置背景图片

操作方法

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

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

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

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

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

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

点击展开全文

更多推荐