1、新建一个html文件，命名为test.html。
2、在test.html文件内，使用table标签创建一个表格，并使用border属性设置表格的边框为1px。
3、在test.html文件内，使用tr、td两个标签创建表格为两行两列，代码如下。
4、在test.html文件内，编写<style type="text/css"></style>标签，页面的css样式将写在该标签内。
5、在css标签中，对table的td元素进行样式设置，使用padding属性设置单元格的间距为10px，即单元格的内边距为10px。
6、除了上面的方法外，还可以使用cellpadding属性直接在table标签内设置，实现单元格的间距定义。
你编写表格的时候可以这样：把第一列变成th
，这样就可以方便的控制了。
例如：三行三列的表格可以这样写：
<table>
<tbody>
<tr>
<th></th>
<td></td><td></td>
</tr>
<tr>
<th></th>
<td></td><td></td>
</tr>
<tr>
<th></th>
<td></td><td></td>
</tr>
</tbody>
</table>
或者你可以分别设置不同的类来达到控制的目的。
CSS可以这样写
th{
width:100px
}
td{
width:200px
}
