表单元格之间的空间

Question

因为那件事我完全疯了。我试了我能做的一切，但都没有用。

示例

CSS

body
{
   margin-top:0;
   margin-bottom:0;
   margin-left:0;
   margin-right:0;
}
table.gh
{
   margin:0px auto 0px auto;
   background-color:#00ffff;
   width:700px;
   border-collapse:collapse;
   padding:0px 0px 0px 0px;
   border-spacing:0px 0px;
   text-align:center;
   vertical-align:top;
}
table.gg
{
   margin:0px auto 0px auto;
   background-color:#00ffff;
   width:700px;
   border-collapse:collapse;
   padding:0px 0px 0px 0px;
   border-spacing:0px 0px;
   text-align:center;
   vertical-align:top;
}

以及正文中的：

<table class="gh">
   <tr>
      <td>
         <table class="gg">
            <tr>
               <td><img src="http://www.astrofotos.info/var/resizes/casb/Eclipse-Austr%C3%A1lia-2012/IMG_5631.jpg?m=1352856326" border="0"></td>
            </tr>
         </table>
      </td>
   </tr>
</table>

现在..。你看到在图片和页面顶部之间有一点小空间吗？我怎么摆脱它？

Answer 1

表单元格的填充引起了你的麻烦。

添加这段代码，它就能工作了：

table.gh td {
    padding: 0;
}