1、1、新建html
在IIS目录下，新建html文件，命名为div内部距离教程.html，并用记事本打开，写入div标签。
如图：
2、2、编写div的css样式
在头部写入div元素的css样式：
.div1{
width:500px; height:300px;
border:solid 1px ##FF0000;;
margin:0 auto;
padding:0px;
}
如图：
3、3、嵌入tr标签
tr是行的标签，一般tr与td、table是同时出现的，所以，在div标签内部，写入以下标签：
<table>
<tr class="tr1"><td>我要与div边框0距离接触！</td></tr>
</table>
如图：
4、4、编写tr样式
为tr标签定义以下css样式：
.tr1{
margin-top:100px;
padding-top:0px;
border:solid 1px #cdcdcd;
}
如图：
5、5、margin注意事项
margin是两个块之间的距离属性，一般在布局中，并列显示的两个块之间的距离，用margin表示，margin有上下左右四个方向的距离。默认是上右下左的顺序。
如图：
6、6、padding注意事项：
padding是同一元素块内部，母体与子元素之间的距离。padding同样有上右下左的顺序以及四个方向的距离。
如图：
