在写前端页面时，有时会需要给div设置背景图。今天我给大家介绍下css如何给div设置背景图
工具/原料
html+css
代码编辑器（本文用的HBuilder）
方法/步骤
1、打开编辑其，在编辑器里新建background.html，用来学习今天的内容
2、在body标签里，新建一个名为test的div
3、在css标签里，给test设置宽200px，高200px，粗细为1px的黑色边框线以及居中显示
4、在浏览器中打开background.html，看下目前的效果
5、回到编辑器，给test加上background:url(04.jpg)属性，此属性是给div设置背景图。
6、再次在浏览器中打开background.html，看下最终的效果。
7、此处贴一下代码，便于参考：<!DOCTYPEhtml><html> <head> <metacharset="utf-8"> <title>css如何给div设置背景图</title> </head> <style> .test{ width:200px; height:200px; border:1pxsolid#000; margin:0auto; background:url(04.jpg); } </style> <body> <divclass="test"></div> </body></html>
方法/步骤2
1、总结：1.打开编辑器2.新建background.html3.给class为test的idv加上基础属性4.给class为test的idv加上background属性