• ベストアンサー

教えて^^ テーブルタグ

下のようにテーブルタグを書くとしたらどうやって書きますか?

質問者が選んだベストアンサー

  • ベストアンサー
  • torayoshi
  • ベストアンサー率62% (910/1449)
回答No.1

段違いのセルを結合する方法は(私の知る限り)ないので、 テーブルを入れ子にするしかないと思います。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>変なテーブル ^^;</title> <style type="text/css"> <!-- table{border-collapse:collapse;width:350px;} td{padding:0;border:3px solid #000000;height:100px;} .table2{border-collapse:collapse;} .td2{ padding:0;border-top:0px solid #000000; border-left:0px solid #000000; border-ritgh:3px solid #000000; border-bottom:0px solid #000000; } .td3{padding:0px;border:0px;} th{padding:20px;border:3px solid #000000;} .td4{width:35%;height:200px;} --> </style> </head> <body> <table> <tr bgcolor="#e6e6e6"> <th colspan=2>見出し</th> </tr> <tr> <td class="td4">A1</td> <td>A2</td> </tr> <tr> <td colspan=2> <table class="table2"> <tr> <td class="td2">B1</td><td class="td2" width="45%">B2</td><td class="td3" width="32%">B3</td> </tr> </td> </tr> </table> </tr> </table> </body> </html> ※ 各セルの高さはその内容物に依存するので常に一定ではない。 ※ 質問者さんの「お礼率」の低さが気になる。

関連するQ&A