◆外枠のない表を作ってみよう!◆
子どもの頃に「まるばつ」ゲームをやったことはありませんか? このゲームをするには、縦横それぞれ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は右側のみに枠が付きます。 |