如何消除两个表格上下之间的间隙?

给li加上高度<style>
    li
    {
height:20px;
    }
</style>

我做了一个比较笨的办法:
<html>
<head>
<meta   http-equiv="Content-Type"   content="text/html;   charset=gb2312"   />
<title> 无标题文档 </title>
</head>   <body   >
<div>
<ul   style="list-style-type:none;">
<li style="height:0">
    <table       cellpadding   ="0"     cellspacing="0"   border="1" style="border-collapse:collapse;">
    <tr>
    <td>   111 </td>
<td>   222 </td>
    </tr>
    </table>
      <table       cellpadding   ="0"     cellspacing="0"   border="1" style="border-collapse:collapse;">
    <tr>
    <td>   111 </td>
<td>   222 </td>
    </tr>
    </table>
</li>
</ul>
</div>
</body>
</html>
pears2017ms ,你写的与我那个的区别仅仅是我设的height:20px;你是height:0px;而实际上这个值的大小并没有起到作用.你试着设更大点的值试试.
至于  style="border-collapse:collapse;"这个是大家都知道的,人家楼主只是说的上下两个表格间的有间隙,未必人家不知道做细线表格应该加这个属性吧?
style="border-collapse:collapse;border:0px;margin:0px;padding:0px;"
border-collapse:collapse;有重复部分不显示。
楼上的几位虽然也实现了功能，但个人认为hanpoyangtitan 的才是正解．