Html 如何在AD中安排内容

我想在我的thead中排列列，使其看起来如下图所示

这是我的密码

<thead>
        <tr>
            <td style="text-align: center;">SUBJECT</td>
            <td style="text-align: center;" colspan="3">CA<br> T1 T2 T3</td>
            <td style="text-align: center;">CA TOTAL (40)</td>
            <td style="text-align: center;">SIGN</td>
        </tr>
    </thead>

主题
CA
T1 T2 T3
CA总计（40）
签名

但它显示为这样，如何拆分“CA”列

主题
加利福尼亚州
CA总计（40）
签名
T1
T2
T3

使用rowspan和2个tr

th{垂直对齐：顶部；边框：1px纯黑色；}

主题
加利福尼亚州
CA总计（40）
T1
T2
T3

您需要为AD设置两行以便显示。 这是完整的代码

表，th，td{
边框：1px纯黑；
边界塌陷：塌陷；
}
th，td{
填充物：5px；
文本对齐：左对齐；
}
主题
加利福尼亚州
CA总计（40）
签名
T1
T2
T3

不能将一个单元格拆分为多个单元格，只能将现有单元格合并在一起。这就是说，如果您想要有五列，您需要创建五列，而不是使用

强制内容在一个单元格中换行，然后伪造单独的单元格，而是使用两行单元格。当然，这需要适当使用

colspan

和

rowspan

属性，例如：

表格{
边界塌陷：塌陷；
}
th，
运输署{
文本对齐：居中；
边框：1px实心#000；
最小宽度：4em；
最小高度：2米；
填充物：0.2em 0.5em；
}
th{
垂直对齐：顶部；
}

主题
加利福尼亚州
CA总计（40）
T1
T2
T3
英语
3.
6.
10
数学
3.
5.
7.

您可以使用这个。工作完美：

<style>
table, th, td{
    border: 1px solid black;
    border-collapse: collapse;
}
th, td {
    padding: 5px;
    border: 1px solid #000;
}
</style>
<table>
<thead>
        <tr>
            <th rowspan="2" >SUBJECT</th>
            <th colspan="3">CA</th>
            <th rowspan="2">CA TOTAL (40)</th>
            <th rowspan="2">SIGN</th>
        </tr>
   <tr>
   <th>T1</th>
   <th>T2</th>
   <th>T3</th>
   </tr>

   </thead>
   <tbody>
    <tr>
      <td>English Language</td>
      <td>3</td>
      <td>6</td>
      <td>10</td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td>Mathematics</td>
      <td>3</td>
      <td>5</td>
      <td>7</td>
      <td></td>
      <td></td>
    </tr>

   </tbody> 
    </table>

表，th，td{
边框：1px纯黑；
边界塌陷：塌陷；
}
th，td{
填充物：5px；
边框：1px实心#000；
}
主题
加利福尼亚州
CA总计（40）
签名
T1
T2
T3
英语
3.
6.
10
数学
3.
5.
7.

<style>
table, th, td{
    border: 1px solid black;
    border-collapse: collapse;
}
th, td {
    padding: 5px;
    border: 1px solid #000;
}
</style>
<table>
<thead>
        <tr>
            <th rowspan="2" >SUBJECT</th>
            <th colspan="3">CA</th>
            <th rowspan="2">CA TOTAL (40)</th>
            <th rowspan="2">SIGN</th>
        </tr>
   <tr>
   <th>T1</th>
   <th>T2</th>
   <th>T3</th>
   </tr>

   </thead>
   <tbody>
    <tr>
      <td>English Language</td>
      <td>3</td>
      <td>6</td>
      <td>10</td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td>Mathematics</td>
      <td>3</td>
      <td>5</td>
      <td>7</td>
      <td></td>
      <td></td>
    </tr>

   </tbody> 
    </table>