Question

如何制作一个带有边框样式的空5x5表，使其看起来像一个网格，然后使用php循环填充数字1-25。这是我迄今为止所取得的成就。

HTML：

 <table>
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
</table>

腓

for($i=1; $i<=25; ++$i) {
        echo $i "<td>";
}

的CSS

table {
    border-collapse: collapse;
}

table, td {
    border: 1px solid black;
}

Answer 1

<!DOCTYPE html>
<html>
    <head>
        <style>
        table {
            border-collapse: collapse;
        }

        table, td {
            border: 1px solid black;
        }
        </style>
    </head>
    <body>
        <table>
            <tr>
            <?php 
                for($i=1; $i<=25; ++$i) {
                    echo '<td>' . $i . '</td>';
                    if($i % 5 == 0 && $i !== 25) { 
                        echo '</tr><tr>';
                    }
                } 
            ?>
            </tr>
        </table> 
    </body>
</html>

Answer 2

运行两个循环（1个用于行，1个用于列），

<?php

    echo "<table border=2>";
    $num=0;
    for($i=0;$i<5;$i++){
        echo "<tr>";
        for($j=0;$j<5;$j++){
            echo "<td>";
            echo $num++;
        }
        echo "</tr>";   
    }
    echo "</table>";

?>

PHP fiddle

Answer 3

使用循环我认为你可以做类似的事情：

<html>
  <table>
    <tr>
     <?php 
          for($i=0;$i=25;$i++){
              echo '<td>'.$i;
              if ($i==4 OR $i==8) { echo '</tr><tr>'; }
           }
     ?>
    </tr>
  </table>
</html>

使用php echo和css填充的Html表？

3 个答案: