Question

我有这个HTML表格：

<table width="1100" border="1" style="text-align:center;" class="invoice">

<tr><td>&nbsp;</td><td>&nbsp;</td><td>Amount Due</td><td>Amount Enc.</td></tr>
<tr><td>&nbsp;</td><td>&nbsp;</td><td>CAD <?php echo $key['remainingbalance']; ?></td><td>&nbsp;</td></tr>

</table>

使用这个CSS：

table.invoice, th.invoice, td.invoice{
    border: 1px solid black;
}

然而，它没有造型我的桌子，我期待桌子的所有边框，td和tr为1px纯黑色，为什么这不起作用？

Answer 1

示例中的边框仅应用于表格。 1）table.invoice - 这是指具有“发票”类的表格 2）th.invoice - 这是指带有“发票”类的标题单元 3）td.invoice - 这是指具有“invoice”类

的普通表格单元格

所以2＆amp; 3不适用，因为您的表格单元格上没有该类。

您可以更改以下样式：

table.invoice, .invoice th, .invoice td{
    border: 1px solid black;
}
table.invoice{border-collapse:collapse;} /* update following asker's comment */

...然后边框将应用于标题单元格和正常单元格。

桌子上的CSS不起作用

1 个答案: