特定のテーブルにだけ任意の書式を適用するHTMLかCSS
特定のテーブルにだけ任意の書式を適用するHTMLかCSS
以下のHTMLテーブルで、入れ子テーブル（区画１～区画４）には罫線なし、
外枠（田の字）だけ、1pxの黒い罫線を引くにはどういうのが効率いいですか？
【解決案１】こうすると、入れ子テーブル（区画１～区画４）まで罫線が現れてしまいます。
table,td,th {border-collapse: collapse; border: 1px solid #000;}
【解決案２】こうすると、該当する全ての<td>タグを<td class="tdstyle">と仕込むのも面倒です。
table {border-collapse: collapse; border: 1px solid #000;}
.tdstyle {border: 1px solid #000;}
【解決案３】外枠（田の字）だけ、以下のようにしたいですが、bordercolorってIEのみ有効なタグですよね？
<table border="1" style="border-collapse: collapse" bordercolor="#111111">
外枠（田の字）だけに、IDをつけたり識別して、効率よく処理できませんか？
<html>
<head>
<style TYPE="text/css">
<!--
-->
</style>
</head>
<body>
<table cellpadding=10>
<tr>
<td>
<table cellpadding=10><tr><td>区画１</td></tr></table>
</td>
<td>
<table cellpadding=10><tr><td>区画２</td></tr></table>
</td>
</tr>
<tr>
<td>
<table cellpadding=10><tr><td>区画３</td></tr></table>
</td>
<td>
<table cellpadding=10><tr><td>区画４</td></tr></table>
</td>
</tr>
</table>
</body>
</html>
お礼
ご回答ありがとうございます。 さっそく試してみたいと思います。