HTML/CSSにて画像のようにテーブルを結合したいのですが
下記のようなソースではなぜか中央3番が詰まってしまい
うまくできません・・・
画像のようにテーブルを結合する方法をご教授お願い致します。
--------HTML----------
<table summary="結合されたテーブル" class="table1"> <caption>テーブルの結合</caption> <table class="table"> <tr> <td rowspan="3"></td> <td colspan="4"></td> </tr> <tr> <td colspan="2"></td> <td rowspan="3"></td> </tr> <tr> <td colspan="2"></td> </tr> <tr> <td colspan="3"></td> </tr> </table> </body>
-------------CSS-------------------
lcaption { caption-side:bottom; margin-top:8px; } .table1 { border-collapse:collapse; } .table1 td{ width:50px; height:50px; border:1px #2b2b2b solid; text-align:center; }
回答4件
あなたの回答
tips
プレビュー