margin:5PX AUTO 意思是距离大盒子四周5像素
margin:1px 2px 3px 4px意思是距离上1像素 右2像素 下3像素 左4像素
<html><head>
<title></title>
<style type="text/css">
<!--
#div {
background-color:#CCCCCC /*这是div背景色！可以不要~这里仅便于你区别*/
margin-top: 20px /*div离页面面顶部的距离为20像素*/
margin-left: 50px /*div离页面面左端的距离为50像素*/
/*这里若设置了顶部和左部就不用设置右和下了~因为2个位置就能把div定位
margin-right: 30px
margin-bottom: 40px */
border:#0099FF 10px solid /*div边框为10像素*/
padding-top: 20px /*内容与div边框顶部的距离为20像素！这里“内容”的位置=20+10+20的像素*/
padding-left: 90px/*内容与div边框左边的距离为90像素！这里“内容”的位置=50+10+90的像素*/
padding-right: 30px /*同上*/
padding-bottom: 50px /*同上*/
}
-->
</style>
</head>
<body>
<div id="div">此处显示 id "div" 的内容这些内容！其实是显示在div的center里！是个隐藏的框框~需要去理解</div>
</body>
</html>
