◆外枠のない表を作ってみよう!◆

×
×
× ×

FRAME=ABOVE
×
×
× ×

FRAME=BELOW
×
×
× ×

FRAME=HSIDES
×
×
× ×

FRAME=VSIDES
×
×
× ×

FRAME=LHS
×
×
× ×

FRAME=RHS
×
×
× ×

子どもの頃に「まるばつ」ゲームをやったことはありませんか?

このゲームをするには、縦横それぞれ2本の線を引きますよね。

この線をHTMLで表現するためには、外枠のない表を使えば良いのです。

<TABLE BORDER=1
CELLPADDING=5
CELLSPACING=5
FRAME=VOID

BORDERCOLOR=#000000
<TR>
<TD><FONT COLOR=#008080>
</FONT></TD>
<TD><FONT COLOR=#FF0000>
×</FONT></TD>
<TD><FONT COLOR=#008080>
</FONT></TD>
</TR>
<TR>
<TD><FONT COLOR=#008080>
</FONT></TD>
<TD><FONT COLOR=#FF0000>
×</FONT></TD>
<TD><FONT COLOR=#008080>
</FONT></TD>
</TR>
<TR>
<TD><FONT COLOR=#FF0000>
×</FONT></TD>
<TD><FONT COLOR=#008080>
</FONT></TD>
<TD><FONT COLOR=#FF0000>
×</FONT></TD>
</TR>
</TABLE>
外枠のない表を作るためには、FRAME=VOIDというタグを加えます。

このFRAMEは表の外枠を操作するためのタグで、値がVOIDなら外枠が消えます。

その他にも6種類の値があり、それぞれ見栄えの異なった表を作成することができます。

FRAME=ABOVEは上部のみに枠が付きます。

FRAME=BELOWは下部のみに枠が付きます。

FRAME=HSIDESは上下のみに枠が付きます。

FRAME=VSIDESは左右のみに枠が付きます。

FRAME=LHSは左側のみに枠が付きます。

FRAME=RHSは右側のみに枠が付きます。

HTMLにCha☆llengeへ戻ります