我正在使用 HTML 表格，需要以某種方式創建標題。我想要的結果如下圖所示。但我在使用 HTML 和 CSS 獲得此結果時遇到困難。到目前為止，我有下面的代碼，但結果并不完全正確。如何修改我的代碼以獲得所需的結果？table{ border-collapse: collapse; border: solid black 1px;}td { border: solid black 1px; padding: 5px;}<table> <tbody> <tr> <th rowspan="2">head</th> <td>1</td> <td>2</td> <td>3</td> <td>4</td> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> <td>4</td> </tr> </tbody></table>
2 回答
嚕嚕噠
TA貢獻1784條經驗 獲得超7個贊
您可以刪除邊框table并將其專門添加到th. 您可以刪除該rowspan屬性并使用 aclass代替。我添加了第二個th，僅用作墊片。
table {
border-collapse: collapse;
}
td,
.hz-header {
border: solid black 1px;
padding: 5px;
}
<table>
<tbody>
<tr>
<th class="hz-header">head</th>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<th></th>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
</tbody>
</table>
撒科打諢
TA貢獻1934條經驗 獲得超2個贊
您可以通過刪除該屬性并在下一行中rowspan使用空填充符來實現此目的。th然后只需在可見th( th.label) 上設置邊框并刪除table.
完整示例：
table{
border-collapse: collapse;
}
th,
td {
padding: 5px;
}
th.label,
td {
border: solid black 1px;
}
<table>
<tbody>
<tr>
<th class="label">head</th>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<th></th>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
</tbody>
</table>
- 2 回答
- 0 關注
- 153 瀏覽
添加回答
舉報
0/150
提交
取消