需要准备的材料分别有:电脑、浏览器、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。