1、如图，div内容区都是要写在html中的body中，就如图在body里面建立一个div标签，div标签是双番舸榆毛标签，有一个起始标签还需要一个结尾的标签，结尾的标签需要用/表示，如图所示；然后想要对这个div添加修饰，就需要在上面head头部部分添加style样式，在这里添加各种对div的修饰
2、如图，在style中添加修饰，先写上对谁修饰div，然后后面的{}中填写的是具体的属性设置
3、如图，div的属性有宽高，都需要使用英文写，width宽度，然后后面是数值
4、只是设置了宽高，但是是透明的，我们需要让我们肉眼可见状态，所以就有了背景颜色或者添加个有颜色的边框设置
5、这样我们就能在浏览器中看到真实的背景图像了，如图
6、这是一个盒子，如果建夷爵蹂柢立了多个盒子，多个盒子连在一起而且是同样的颜色就不好区分了，所以可以将盒子之间的间距拉开点，就出现了margin这个外边距，设置个数值
7、这样就有了多个图形不相连的状态，如图所示
8、这个时候，如果想要将竖排的多个图形变成横排的，就需要借助float浮动效果了，把他们浮动
9、这样就将图形编程横排排列了，如图所示。
10、既然作为盒子，那么盒子里面就可以装东西了，比如我们装文字信息，就直接在div后面输入文字内容
11、这样就可以看到，将文字添加进了框内。
