写真のようなテーブルを作りたいと考えています。
若干雑でごめんなさい。Aの長さは上の建物、3階建を合わせた長さと同じになります。
つまり紙で書いた位置に建物と3階建と書いた間の線がなくなったテーブルを作りたいということです。
<table> <tbody> <tr> <th style="width: 100px;padding: 10px;font-weight: bold;vertical-align: top;color: white;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;background-color: #25c4db !important" scope="row">建物</th> <td style="width: 300px !important;padding: 10px;vertical-align: top;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc">3階建</td> <td style="width: 100px !important;padding: 10px;vertical-align: top;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc">3階建</td> </tr> <th style="width: 100px;padding: 10px;font-weight: bold;vertical-align: top;color: white;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;background-color: #25c4db !important" scope="row">建物</th> <td style="width: 300px !important;padding: 10px;vertical-align: top;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc">3階建</td> <td style="width: 100px !important;padding: 10px;vertical-align: top;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc">3階建</td> </tr> </table> コード
まだ質問が「受付中」になっていますが、いったん「解決済」にされてはいかがでしょうか。
回答3件
あなたの回答
tips
プレビュー