テーブルにスタイルシートをかけているのですが、問題があります。

質問

テーブルにＣＳＳをかけておりまして、

内容は外部ファイルに
table.ta, td.ta, th.ta {
border: 1px #3399ff solid;padding:0.5em; line-height: 150%;font-size: 9pt; margin-left:auto;
margin-right:auto;}

と記述しております。

そして、テーブルのボーダーを０にして、
ブラウザ上では１本の線の枠で表示されています。

しかしこれだと列が２列以上になったときに、
となりの列との境目の線が消えてしまいます。

この境目の線を表示させたいのですが、
どのような記述がありますでしょうか？

回答No.1

yambejp · ベストアンサー

>そして、テーブルのボーダーを０にして、
>ブラウザ上では１本の線の枠で表示されています。

このくだりの意味がよくわかりませんが、
単に縦横にみっちり線をひきたいならこんなかんじで

<style>

table.ta {
border-collapse:collapse;
margin-left:auto;
margin-right:auto;
}
table.ta td ,table.ta th{
border: 1px #3399ff solid;
padding:0.5em;
line-height: 150%;
font-size: 9pt;
}
</style>

<table class="ta" border=0>
<tr>
<th>test</th>
<th>test</th>
<th>test</th>
</tr>
<tr>
<td>test</td>
<td>test</td>
<td>test</td>
</tr>
<tr>
<td>test</td>
<td>test</td>
<td>test</td>
</tr>
<tr>
<td>test</td>
<td>test</td>
<td>test</td>
</tr>
</table>

お礼

うまくいきまいた！ありがとうございました！