姓名 | 年龄 | 性别 |
---|---|---|
Alice | 25 | 女 |
Bob | 30 | 男 |
在上面的HTML表格中,
<th>元素用于表头,
<td>元素则用于表格数据。当然,CSS样式也可以应用到这两个元素。
th, td { border: 1px solid black; padding: 5px; }
上面的CSS代码为表格中的所有单元格添加了边框和内边距。
需要注意的是,
<th>元素默认加粗且居中对齐。如果不希望这些样式应用到某个表头单元格,可以使用CSS的
:not()
伪类。th:not(:nth-child(2)) { font-weight: normal; text-align: left; }
上面的代码意味着“除了第二个<th>
元素,其余所有<th>
元素都没有加粗并且左对齐”。:nth-child()
伪类选择器用于选择指定的子元素。
总之,
<th>和
<td>元素是HTML表格的关键部分,它们可以通过CSS样式来控制外观和表现。