表/ TD边框不会显示在echo td上

时间:2017-11-19 21:59:34

标签: javascript php css html-table

我正在回复mySql中的一个表。无论我如何输入代码,TD边框都不会显示。 thead边界正好显示出来。

这就是我所拥有的。

// Loop to show results
while ($row = mysqli_fetch_assoc($result)) {

  echo "<tr>";
  echo "<td style=text-align:center>".$row['ETF'].
  "</td>";
  echo "<td style=text-align:center>".$row['ETF NAME'].
  "</td>";
  echo "<td style=text-align:center>".$row['1 YR Direction %'].
  "</td>";
  echo "<td style=text-align:center>".$row['Holding Name'].
  "</td>";
  echo "<td style=text-align:center>".$row['Industry'].
  "</td>";
  echo "<td style=text-align:center>".$row['Percent Holdings'].
  "</td>";

  "</tr>";
}

echo "</table>";
  <style type="text/css">thead,
th {
  font-weight: bold;
  background-color: #992c29;
  color: #f7f4f4;
  border: 2px solid black;
  tr,
  td {
    border: 2px solid black;
  }
  </style>

2 个答案:

答案 0 :(得分:2)

您尚未关闭th选择器,因此正下方的样式正在考虑无效语法,并且永远不会执行。

通过添加缺少的大括号(th)来关闭}选择器将解决您的问题:

th {
  font-weight: bold;
  background-color: #992c29;
  color: #f7f4f4;
  border: 2px solid black;
}

tr,
td {
  border: 2px solid black;
}

除此之外,请确保没有其他选择器覆盖较高 specificity 的样式。

希望这有帮助! :)

答案 1 :(得分:0)

关闭缺失的

thead,
th {
  font-weight: bold;
  background-color: #992c29;
  color: #f7f4f4;
  border: 2px solid black;
}
tr,
td {
    border: 2px solid black;
}