css th有内空

在HTML中，表格是一种用于展示数据的非常有用的元素。而在表格中的单元格，可以使用TH和TD两个元素进行描述。其中，TH元素用于定义表格中的表头单元格，而TD元素则用于定义表格中的普通数据单元格。

当我们使用TH元素来定义表头单元格时，有时候可以使用CSS中的text-align属性来控制表头文本在单元格中的排列方式。但是，当我们想要在表头单元格中显示一些更加复杂的内容时，就需要用到CSS中的TH内空（padding）属性了。

具体来说，TH内空属性可以用于控制表头单元格的内边距大小，从而让表头中的文本内容更加美观和易于阅读。同时，我们还可以通过设置不同的单位来改变TH内空的大小，比如使用px（像素）、em（字符宽度）等。

<style>
  th {
    padding: 10px;
    background-color: #efefef;
    text-align: center;
  }
</style>

<table>
  <tr>
    <th>姓名</th>
    <th>年龄</th>
    <th>性别</th>
  </tr>
  <tr>
    <td>张三</td>
    <td>20</td>
    <td>男</td>
  </tr>
  <tr>
    <td>李四</td>
    <td>18</td>
    <td>女</td>
  </tr>
</table>

上述代码片段中，我们使用了TH内空属性来设置表头单元格的内边距大小为10像素（px），同时使用了text-align属性来让表头文本居中显示。在样式表中，我们还通过background-color属性设置了表头单元格的背景颜色为灰色。

通过这些CSS样式的设置，我们可以让表格更加清晰明了地展示数据内容，同时也提高了表格在网页中的美观程度。