php - 无法在 php 中使用 css 设置表格样式

Question

即使我有表格的插入样式，我也无法在 css 中设置表格样式。

<style>
table, th, td 
{
border: 1px solid black;
}
</style>

以上是代码的简单风格

<div class="container">
    <table class="u-full-width">
    <?php


      $result=mysqli_query($connection,"SELECT * FROM register");

  }
  else
  {
      $result=mysqli_query($connection,"SELECT * FROM Persons WHERE username LIKE '".$Search."%'");
  }
  echo "<table border='1'>
  <tr>
  <th>username</th>
  <th>password</th>
  <th>Name</th>
  <th>gender</th>
  <th>age</th>
  <th>Contact</th>
  <th>address</th>
  <th>email</th>
  <th>occupation</th>     
  </tr>";

    while($row=mysqli_fetch_array($result))
  {
      echo "<tr>";
      echo "<td>" . $row['Username'] . "</td>"; 
      echo "<td>" . $row['password'] . "</td>";
      echo "<td>" . $row['Name'] . "</td> ";
      echo "<td>" . $row['gender'] . "</td>";
      echo "<td>" . $row['age'] . "</td> ";
      echo "<td>" . $row['contact'] . "</td>";
      echo "<td>" . $row['address'] . "</td>";
      echo "<td>" . $row['email'] . "</td>";
      echo "<td>" . $row['occupation'] . "</td>";
      echo "</tr>";
  }
  echo"</table>";
  mysqli_close($connection);
  ?>
     </div>
     </table>

上面是用来显示表格的。我可以知道我可以做什么，以便它显示带有 css 的表格。谢谢。

Answer 1

这是因为您使用 php 动态插入表格。

试试这个

<div class="container">
<table class="u-full-width" border='1'>
<?php

if () {//note code is incomplete, might be copy pasting issue
  $result=mysqli_query($connection,"SELECT * FROM register");

}
else
{
  $result=mysqli_query($connection,"SELECT * FROM Persons WHERE username LIKE '".$Search."%'");
}
?>

<tr>
<th>username</th>
<th>password</th>
<th>Name</th>
<th>gender</th>
<th>age</th>
<th>Contact</th>
<th>address</th>
<th>email</th>
<th>occupation</th>     
</tr>

<?php
while($row=mysqli_fetch_array($result))
{
  echo "<tr>";
  echo "<td>" . $row['Username'] . "</td>"; 
  echo "<td>" . $row['password'] . "</td>";
  echo "<td>" . $row['Name'] . "</td> ";
  echo "<td>" . $row['gender'] . "</td>";
  echo "<td>" . $row['age'] . "</td> ";
  echo "<td>" . $row['contact'] . "</td>";
  echo "<td>" . $row['address'] . "</td>";
  echo "<td>" . $row['email'] . "</td>";
  echo "<td>" . $row['occupation'] . "</td>";
  echo "</tr>";
}
mysqli_close($connection);
?>

</table>
 </div>
 </table>

通过这种方式，您的表格代码随页面一起加载，并且动态加载数据库中的任何信息