回答編集履歴

1 誤字の修正

FKM

FKM score 1445

2016/06/15 12:06  投稿

これで行けると思います(検証済み)
ポイントはテーブル全体にwidth指定をしてあげることと、
3行目に空の<tr></tr>タグを入れてあげることです。
<body>
<table summary=""結合されたテーブル class="table1">
<caption>テーブルの結合</caption>
<tr>
<td rowspan="3"></td>
<td colspan="3"></td>
</tr>
<tr>
<td colspan="2" rowspan="2"></td>
<td rowspan="3"></td>
</tr>
<tr>
</tr>
<tr>
<td colspan="3"></td>
</tr>
</table>
</body>
 
CSS  
---
caption {
caption-side:bottom;
margin-top:8px;
}
.table1 {
border-collapse:collapse;
width: 200px;
height: 200px;
}
.table1 td{
width:48px;
height:48px;
border:1px #2b2b2b solid;
text-align:center;
}

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る