需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<style>标签中，输入css代码：td {padding: 20px}。
3、浏览器运行index.html页面，此时表格中的文字被设置为都距离上下左右20px大小。
其实你要理解内边距、外边距，首先要理解盒子模型（Box Model，也称为框模型）。
想象你要显示的内容（element）被一个盒子包围住，这个盒子除了长和宽（height和width）之外，还有边框（border）。什么是内边距呢？你看上面的图，你的内容离你的边框是不是有一段距离？这段距离就是内边距。那什么是外边距呢？想象有两个盒子，两个盒子放在一起，那它们之间是不是也要有一段距离？没错，这就是外边距。
你可以分别指定上下左右四个方向的外边距和内边距，通过margin和padding可以轻松实现。
具体的例子以及更详细的说明，可以参考w3school的教程http://www.w3school.com.cn/css/css_boxmodel.asp。
