Question

我有这个php文件，我想从数据库中检索数据并以表格格式显示。

<html>

 <head>

  <title>Admin</title>
  <link rel="stylesheet" type="text/css" href="adminPanel.css"/>

 </head>

 <body>

  <div class="header">

   <h1>Admin</h1>

  </div>

  <div class="center">

   <?php 

    include "db_connection.php";

    $sql = "SELECT * FROM appointments;";

    $result = mysqli_query($db,$sql);

    If(mysqli_query($db,$sql) == TRUE){

   ?>

      <table>

         <th>Name</th>
         <th>Address</th>
         <th>Phone</th>
         <th>License</th>
         <th>Engine</th>
         <th>Appointment Date</th>
         <th>Preferred Mechanic</th>      

    <?php 

     while($row = mysqli_fetch_assoc($result)){

    ?>

      <td><?php echo $row['Name'];?></td></br>  
      <td><?php echo $row['Address'];?></td>
      <td><?php echo $row['Phone'];?></td>
      <td><?php echo $row['Car_license_No'];?></td>
      <td><?php echo $row['Car_Engine_No'];?></td>
      <td><?php echo $row['Date'];?></td>
      <td><?php echo $row['Mechanic'];?></td>

    <?php  

     }

    ?>

     </table>

    <?php    

    }

    ?>

  </div>  

  <div class="footer">

   <p id="lastMod">
    <script language="Javascript">
     document.write("Last modified on " + document.lastModified + " ");
    </script>
   </p>

  </div>

 </body>

</html>

但问题是我无法改变表格中显示的数据样式。 .footer，.center，.header这些都以完美的风格出现。但是在php块中编写的html元素的样式不起作用，例如，。

这是我的样式表

.header{
    background-color: black;
    color: DC143C;
    height: 150px;
    margin-bottom: 0px;
    font-family: "Impact"
}

.center{
    background-image: url(background.jpg);
    height: 400px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.footer{
    background-color: black;
    font-family: "Impact";
    color: DC143C;
    margin-top: 82px;
    height: 95px;
}

th, td{
    color: white;
}

#lastMod{
    margin-top: 0px;
    padding: 5px;
}

搜索了很多，但没有找到任何相关的答案。提前致谢。

Answer 1

您应该将这些类应用于单元格，然后您可以设置样式。

      <td class="name"><?php echo $row['Name'];?></td></br>  
...
      <td class="mechanic"><?php echo $row['Mechanic'];?></td>

<style>
td.name {
   background-color: #0f0;
}
....
td.mechanic {
   background-color: #f00;
}
</style>

Answer 2

你没有在你的php中添加任何类，你应该在你的表中添加类

<table class="mytable">

并通过指向父

来设置样式

<style> .mytable th { color:#fff; } </style>

如何在嵌入php代码的同时创建html元素的样式？

2 个答案: