0

我正在尝试仅在顶行周围创建边框！目前，边框将仅显示在表格的外部。但我也想要第一行周围的边框。有人可以帮我这样做吗？我希望带有“团队、正确选择和积分”的行周围有一个边框。

<body>
    <?=$leaguename?>
    <center><table cellspacing="0" style="width:400px; border:1px solid gray">
    <?
    echo "<tr border=\"1\"><td> Team </td><td>Correct Picks</td><td>Points</td></tr>";
    while($row = mysql_fetch_array($memberslist)) {
        if ($row['User_ID'] == $id) {
            echo "<tr style=\"border:1px solid gray\" bgcolor=\"gray\"><td>" . $row['User_ID'] . "</td><td><b>" . $row['Correct_Picks'] . " </b> /" . $maxcorrectpicks . "</td><td>" . $row['Points'] . "</td></tr>";
        } else {
            echo "<tr><td>" . $row['User_ID'] . "</td><td><b>" . $row['Correct_Picks'] . " </b> /" . $maxcorrectpicks . "</td><td>" . $row['Points'] . "</td></tr>";
    }
    }
    ?>
    </table></center>

</body>
4

1 回答 1

0

这是展示性的，因此将其混入 PHP 是一个坏主意。相反，使用 CSS：

tr:first-child td { border-top: 1px solid black; border-bottom: 1px solid black; }
tr:first-child td:first-child { border-left:1px solid black; }
tr:first-child td:last-child { border-right:1px solid black; }

IE7+8 对 *-child 选择器的支持可能有点问题。如果它在这些浏览器中不起作用，请考虑使用 JavaScript polyfills。

您可能还希望将标题<thead>和<th>元素放入其中，以使<tr>带有数据的数据成为元素中的第一行<tbody>。

例如

<table>
  <thead>
    <tr>
      <th>Team</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
    </tr>
  </tbody>
</table>
于 2012-08-05T22:37:34.353 回答