テーブルの枠線を自在に操る

1 2 3
4 5 6
7 8 9
サンプル
<TABLE border="1" width="300" height="300" frame=void>
<TBODY>
<TR>
<TD></TD>
<TD></TD>
<TD></TD>
</TR>
<TR>
<TD></TD>
<TD></TD>
<TD></TD>
</TR>
<TR>
<TD></TD>
<TD></TD>
<TD></TD>
</TR>
</TBODY>
</TABLE>
上のサンプルでは外枠だけが消えています。
frame=voidを変えればいろいろアレンジ出来ます。下記にその他のサンプルを作ってみました。
よければ参考にしてください。
frame="hsides"で縦枠が無くなります
1 2 3
4 5 6
7 8 9


frame="vsides"で横枠が無くなります
1 2 3
4 5 6
7 8 9


frame="above"で上枠以外が無くなります
1 2 3
4 5 6
7 8 9


frame="below"で下枠以外が無くなります
1 2 3
4 5 6
7 8 9


frame="lhs"で左枠以外が無くなります
1 2 3
4 5 6
7 8 9


frame="rhs"で右枠以外が無くなります
1 2 3
4 5 6
7 8 9



サンプルを利用したら、http://www.act2cool.com/html/へリンクしていただければ嬉しいです。
バナーはこちらにあります。
検索サイトから直接このページに来られた方はこちらがトップです。