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、此处贴一下代码，便于参考：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>css如何给div设置背景图</title>
</head>
<style>
.test{
width: 200px;
height: 200px;
border: 1px solid #000;
margin: 0 auto;
background: url(04.jpg);
}
</style>
<body>
<div class="test"></div>
</body>
</html>
1、总结：
1.打开编辑器
2.新建background.html
3.给class为test的idv加上基础属性
4.给class为test的idv加上background属性