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サポートは、少しバグがある可能性があります。これらのブラウザで機能しない場合は、JavaScriptポリフィルの使用を検討してください。

<thead>また、ヘッダーと<th>要素を内部に配置して、withdataを要素<tr>の最初の行にすることもでき<tbody>ます。

例えば

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