作业帮 > 综合 > 作业

HTML中table与td之间的距离怎么设置?

来源:学生作业帮 编辑:拍题作业网作业帮 分类:综合作业 时间:2024/04/30 16:03:41
HTML中table与td之间的距离怎么设置?

<table style="border:1px solid black;">
  <td>
    <table border="0">
       <td style="border:1px solid black;">First</td> 
    </table>
  </td>
</table>
怎样才能改变两个table边框之间的距离(图中所示)?用CSS呢?
要么是设置外面table的padding值,要么是设置里边table的margin值!可以这样写<body>
\x09<table style="border:1px solid #000">
\x09\x09<tr>
\x09\x09\x09<td>
\x09\x09\x09\x09<table  style="border:1px solid #ccc;margin:2px;">
\x09\x09\x09\x09\x09<tr>
\x09\x09\x09\x09\x09\x09<td>
\x09\x09\x09\x09\x09\x09\x09First
\x09\x09\x09\x09\x09\x09</td>
\x09\x09\x09\x09\x09</tr>
\x09\x09\x09\x09</table>
\x09\x09\x09</td>
\x09\x09</tr>
\x09</table>
 </body>也可以这样写
 <body>
\x09<table style="border:1px solid #000;padding:2px;">
\x09\x09<tr>
\x09\x09\x09<td>
\x09\x09\x09\x09<table  style="border:1px solid #ccc;">
\x09\x09\x09\x09\x09<tr>
\x09\x09\x09\x09\x09\x09<td>
\x09\x09\x09\x09\x09\x09\x09First
\x09\x09\x09\x09\x09\x09</td>
\x09\x09\x09\x09\x09</tr>
\x09\x09\x09\x09</table>
\x09\x09\x09</td>
\x09\x09</tr>
\x09</table>
 </body>
再问:   那如果我想把两个表格之间的距离去掉呢?这个就算padding是0还是margin是0都办不到。也就是说,那样的话,实际效果就相当于一个表格了。可我如果这样达到这样的效果怎么办?
再答: 刚刚我试了一下,不管是一个表格还是两个表格均不能达到你要的效果,不过你可以使用两个div,这个不影响,不像table里边,它和它的行元素之间会有2px的距离