CSSでテーブル罫線の表示と表示を共存させる

質問

いつもありがとうございます。

現在、テーブルの中にさらにテーブルを作って、外側のテーブルの罫線は1ポイント、内側のテーブルの罫線を非表示にしたいのですがCSSでどのように表現すればいいですか？

作成にはホームページビルダー7を使っています。
当方、CSSは初心者です。

回答No.1

crepon133 · ベストアンサー

idまたはclassを使ってテーブル別に設定します。
一例：
<style type="text/css">
<!--
#out table {
width:400pt;
border-collapse:collapse;
border-width:1pt;
border-style:solid;
border-color:#000000;
margin:0px;
padding:0px;
}
#out tr {
height:auto;
}
#out td {
border-width:0px;
margin:0px;
padding:0px;
}

#in table {
width:100%;
border-width:0px;
border-collapse:collapse;
margin:0px;
padding:0px;
}
#in tr {
height:auto;
}
#in td {
text-align:center;
border-width:0px;
background-color:#f0f8ff;
margin:0px;
padding:0px;
}
-->
</style>

<div id="out">
<table>
<tr>
<td>
<div id="in">
<table>
<tr>
<td>あ</td>
<td>い</td>
</tr>
<tr>
<td>う</td>
<td>え</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</div>

お礼

この方法でうまく行きました。
教えてくださってありがとうございました。