テーブルのデザイン Part1 |
<HEAD>〜</HEAD>に以下を入れる
<style TYPE="text/css">
<!--
TD {border-style:solid;}
.separate{border-collapse:separate;}
-->
</style>
<BODY>〜</BODY>に以下を入れる
<TABLE class="separate">
<TR>
<TD>●</TD><TD>▲</TD><TD>■</TD><TD>★</TD>
</TR>
<TR>
<TD>○</TD><TD>△</TD><TD>□</TD><TD>☆</TD>
</TR>
<TR>
<TD>◎</TD><TD>▽</TD><TD>◇</TD><TD>※</TD>
</TR>
</TABLE>
＜結果＞
| ● | ▲ | ■ | ★ |
| ○ | △ | □ | ☆ |
| ◎ | ▽ | ◇ | ※ |
↑セル一つ一つが独立したような形になる。