テーブルの枠の太さを変えてみよう！
テーブルの枠の太さを変えるには、<TABLE BORDER="1">この"１"の部分の数字を変える事によって、枠の太さを変える事が出来ます。
|
|
| ちなみに、<TABLE BORDER="0">だと、枠は表示されません。 だから背景色を付けたテーブルなどでは、このように表示されます。 （背景色を付けないと、<TABLE>だけと同じで何も表示されません。） <TABLE BORDER="0">だと枠の線だけでなく、マス目の線もでません。 |
今度はちょっと違う枠の太さを変えてみましょう。
<TABLE BORDER>にCELLSPACING="数字"を加え
<TABLE BORDER CELLSPACING="数字">このようにします。
では実際、どのようになるか書いてみましょう。
<TABLE BORDER>にCELLSPACING="数字"を加え
<TABLE BORDER CELLSPACING="数字">このようにします。
では実際、どのようになるか書いてみましょう。
|
<TABLE BORDER CELLSPACING="1"> <TR> <TD>１</TD> <TD>２</TD> <TD>３</TD> </TR> <TR> <TD>４</TD> <TD>５</TD> <TD>６</TD> </TR> </TABLE> |
| ||||||
|
<TABLE BORDER CELLSPACING="5"> <TR> <TD>１</TD> <TD>２</TD> <TD>３</TD> </TR> <TR> <TD>４</TD> <TD>５</TD> <TD>６</TD> </TR> </TABLE> |
| ||||||
|
<TABLE BORDER CELLSPACING="10"> <TR> <TD>１</TD> <TD>２</TD> <TD>３</TD> </TR> <TR> <TD>４</TD> <TD>５</TD> <TD>６</TD> </TR> </TABLE> |
| ||||||
|
<TABLE BORDER="10" CELLSPACING="10"> <TR> <TD>１</TD> <TD>２</TD> <TD>３</TD> </TR> <TR> <TD>４</TD> <TD>５</TD> <TD>６</TD> </TR> </TABLE> |
<TABLE BORDER="10" CELLSPACING="10"> にしてみました。
|
