css中th和td的区别 |css放大镜实现

在CSS中，th和td是两个用来定义表格单元格的标签。它们虽然有着一些相似之处，但在具体的应用中也有着很重要的区别。 th标签用来定义表格的表头单元格，通常是加粗和居中显示的。使用th标签可以让表格更加直观，提高用户的易用性。例如，大家可以这样定义一个带有表头的表格：

table {
border-collapse: collapse;
}
th {
border: 1px solid black;
background-color: #f2f2f2;
font-weight: bold;
text-align: center;
}
td {
border: 1px solid black;
text-align: left;
}

此时，大家在HTML中写下以下代码：

<table><tr><th>名称</th><th>价格</th><th>数量</th></tr><tr><td>苹果</td><td>5元</td><td>10个</td></tr><tr><td>梨子</td><td>3元</td><td>15个</td></tr></table>

就可以显示出一张带有表头的表格了。 而td标签则用来定义表格中的正文单元格。这些单元格通常没有加粗和居中的样式，而是采用默认的左对齐样式。此外，td标签通常会用来包含一些文本、图片、链接等内容。 以上就是th和td标签在CSS中的具体区别。它们虽然有着不同的功能，但在表格设计中也是必不可少的组成部分。