CSS的盒子模型和div居中

div、span等都遵循这种模型，应用非常广泛，如下图所示：

 

代码：

<style type="text/css">
body div{
 font-size: 22pt; 
 border-top: 3px solid blue;
 border-bottom: 3px solid blue;
 border-left: 3px solid blue;
 border-right: 3px solid blue;
 padding:50px;
 margin:100px;
 text-align:  center;
}
</style>

<div>div块1</div>

这样就可以较清楚的看明白这个模型了，注意，padding和margin可没办法设颜色，只能设置间距大小。

另外，div的居中显示可以：<div align="center">jfasjfsk</div>这样来做，如果要用 css来控制，需要嵌套一层div，然后用css的text-align:center来设置。