我正在回复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>
答案 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;
}