枠の幅を広くします
青いマスに白い文字
黄色のマス赤い文字


初心者テーブル５

    このページのタグです

    <HTML>
    <HEAD>
    <TITLE>初心者テーブル５</TITLE>
    </HEAD>
    <BODY BGCOLOR="#99CCFF">
    <BR>
    <CENTER>
    <TABLE WIDTH="300" CELLSPACING ="10" CELLPADDING="10" BORDER="1">
    <TR>
    <TD WIDTH="150" BGCOLOR="#0000FF" >
    <FONT SIZE="3" COLOR="#FFFFFF">青いマスに白い文字</FONT></TD>
    </TR>
    <TR>
    <TD WIDTH="150" BGCOLOR="#FFFF00" >
    <FONT SIZE="3" COLOR="#FF0000">黄色のマス赤い文字</FONT></TD>
    </TR>
    </TABLE>
    </CENTER>
    </BODY>
    </HTML>

    TABLE のつぎに CELLSPACING="数字" CELLPADDING="10" を追加しました
    TABLE の中に CELLSPACING="数字" を入れると枠の幅を
    CELLPADDING="数字" は文字と枠の間隔を調整します
    <TR> </TR> をひとつ減らし     BORDER="1"の数字を大きくすれば
    写真などを額縁に入れたように表示できます
    枠が見えるように背景色を青系にしました



0
1
2
3
4
6
7
8
9