我的css表Td额外的空间

时间:2014-10-25 12:36:58

标签: html css html-table

我想像这张桌子一样:

IMAGE 1

但是当我使用这段代码时:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style>
</style>
</head>

<body>
<table style="width:auto; border-collapse:collapse; display:table; border-spacing:0px;"2 cellpadding="0" cellspacing="0">
  <tr>
    <th scope="col" style="background: url(top_pilot_rank.png) no-repeat; width:40px; height:40px;"></th>
    <th scope="col" style="background: url(top_pilot_id.png) no-repeat; width:37px; height:40px;"></th>
    <th scope="col" style="background: url(top_pilot_name.png) no-repeat; width:70px; height:40px;"></th>
    <th scope="col" style="background: url(top_pilot_hours.png) no-repeat; width:63px; height:40px; "></th>
  </tr>
  <tr>
    <td style="background:url(top_pilot_rank_bottom.png) no-repeat; width:40px; height:40px;"></td>
    <td style="background:url(top_pilot_id_bottom.png) no-repeat; width:37px; height:40px;"></td>
    <td style="background:url(top_pilot_name_bottom.png) no-repeat; width:70px; height:40px;"></td>
    <td style="background:url(top_pilot_hours_bottom.png) no-repeat; width:63px; height:40px;"></td>
  </tr>
</table>
</body>
</html>

它变成这样:

IMAGE 1

我将间距设置为零以找出问题,但似乎这个代码没有问题。 我需要你的帮助。

0 个答案:

没有答案