网页制作中，上下两个表格的间距怎么调？

　　通常有以下几种方法：

1、CSS法

可以在<table>标签中设置margin属性，即：style="margin:5px 0 5px 0;"（顺序：上、右、下左，亦可简写为style="margin: 5px 0;"），这段CSS的作用是在当前表格外部的上下各留出5px的空白。

2、空对象法

（1）空行。还可以在表格后敲回车换行，产生<p></p>标签，或者按Shift+回车软换行，产生<br>标签，都可产生一个空行。

（2）空表格。插入一个1行1列的表格，设置单元格的宽度、高度，在单元格中不输入内容。当单元格高度小于12px时，一定要将空格符 删掉，否则达不到设定高度，这一点非常重要。即：

<table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td height="5"></td>

</tr>

</table>

（3）空DIV。类似于空表格，插入一个DIV，设置其宽度、高度，超出隐藏即可。

<div style="width:100px;height:5px;overflow:hidden;clear:both;"

3、透明法

可以在PS中新建一个5x5px的画布，背景设为透明，保存为透明GIF，然后在需要留间距的表格后面插入这个透明，将其宽度、高度可以任意调整，直到满意为直。

<img src="nullgif">

可以使用 letter-spacing:px; 来控制文字间距，px是指间距像素

这个不仅可以用在li里，其它需要文字排版的地方都可以使用

举个例子：

list li {width:200px; text-align:center; height:22px; line-height:22px; letter-spacing:5px; overflow:hidden; clear:both;}

说明list li {li宽度200px; 文字居中; li高度22px; 行高22px; 字间距5px; 超出部份隐藏; 清除;}

table{border-collapse:collapse;}

/在需要清楚空隙的表格里面加上这个样式，我这个样式是清除了页面所有表格的的空隙，如果需要单独清楚某一个表格，给那个表格加上类或者ID 把table换成ID名或者样式名就可以了/