今天有新同事问我怎么设醅呓择锗置背景图片,如是写了段代码三下五除二的功夫给了过去,然后新同事说没效果,这是才发现设置背景图也有“猫腻”。。。有什么猫腻呢,听小编徐徐道来。
工具/原料
sublime编辑器
方法/步骤
1、编写div标签首先我们来新建一个html文档;如图所示,编写一个类名等于setbg的div标签;
2、设置背景接着给div写上样式,老揉孟阼写上“background:url(bg_main.jpg);”的样式,从而设置好背珥许枳做景图,然后浏览当前页面,本以为大功告成,怎知发现当前页面并没有图片,这是怎么回事呢?
3、设置高度回过头来才发现,div并没有高度,所以即使设置了背景图,但没高度依然是看不到任何东西,因此我们需要同时给div设置高度“height:500px”,如图;
4、背景图出现再浏览发现高度有了之后,背景图也出现了;
5、无平铺疑问如果div里面有很多文字,而且超过了固定高度,这是就会发现背景不会平铺到底部,该怎么办呢?
6、设置平铺这时我们可以在设置好的背景后面加个“repeat”,就可以平铺背景图了~