CSSのテーブルの件で

質問

はじめまして
よろしくお願いいたします。

CSSでテーブルを作っているのですが
うまくいきません

作りたいのは下記のようなテーブルです

┌───────┐
│　A　 │　B 　 │
└───────┘

点線ではなく普通の線で構いません

大きなテーブルの幅が500pxとして
Aを200px
Bを300px
にしたいのです

テーブルのIDは「table2」にしています

<外部CSSの部分>
#table2{border:1px solid #000000;
width:500px;
}

#table2 th{border:1px solid #000000;
width:200px;
}

#table2 td{border:1px solid #000000;
width:300px;
}

<htmlの部分>
<table id="table2">
<tr>
<td></td>
</tr>
</table>

色々やってみたのですが
うまく行きません

詳しい方教えて頂けないでしょうか？
どうぞよろしくお願いいたします。

回答No.1

salonpath · ベストアンサー

何がうまくいってないのか書いてないけど、こうですか？

■html
<table id="table2">
<tr>
<th>A</th>
<td>B</td>
</tr>
</table>

■css
追加
table{
border-collapse:collapse;
}
th,td{
border:1px solid #d8d8d8;
}

お礼

うまくいけました^^

ありがとうございました