如何使用CSS在PHP中设置HTML样式 - How do you style HTML inside PHP using CSS?

How do you style HTML inside PHP using CSS?

本文关键字：设置 HTML 样式 PHP 何使用 CSS | 更新日期: 2023-09-27

我需要能够设置一些我用PHP编写的简单HTML的样式

.PHP：

if ($result-> num_rows> 0) {
  readfile("ViewReturn.html");
  while($row = $result-> fetch_assoc()) {
    echo "Bird Name: ".$row["pageLink"]. "<br><br>";
  }
} else {
  echo "0 results";
}

我希望能够在"鸟名"和"页面链接"处设置我输出的 HTML 样式，因为它在页面上的位置不是很好。有谁知道如何做到这一点？

您可以在带有class的<span>中添加鸟名，并使用 CSS 设置类样式。

按以下步骤操作

 echo "<span class='birdname'>Bird Name: ".$row["pageLink"]. "</span><br><br>";

即，将您的代码替换为

if ($result-> num_rows> 0) {
  readfile("ViewReturn.html");
  while($row = $result-> fetch_assoc()) {
    echo "<span class='birdname'>Bird Name: ".$row["pageLink"]. "</span><br><br>";
  }
} else {
  echo "0 results";
}

并在 CSS 中，添加

.birdname{
   color:red;
}

您可以将

html elements添加到echo命令中，就像直接在HTML文件上编写一样。例如：

echo "<div class='some-class'>"
while($row = $result-> fetch_assoc()) {
echo "<someTag class='other-class' >". "Bird Name: ".$row["pageLink"]. "<br><br>" . "</someTag>";
}
echo "</div>"

<?php
     if ($result-> num_rows> 0) {
        readfile("ViewReturn.html");
        while($row = $result-> fetch_assoc()) {
?>
        <span class="birdname">Bird Name: <?php echo $row['pageLink']; ?> </span>
        <br><br>
<?php
        }
      } else {
         echo "0 results";
     }  
?>

您可以通过添加这些元素来设置结果样式喜欢

 echo "<p class='birdy'>Bird Name: " . $row["pageLink"] . "</p >";

然后在您的 CSS 文件中或内联或 STYLE 中

.birdy{
   color:blue;
   text-decoration: none;
}