[PR]今日のﾆｭｰｽは
｢Infoseek ﾓﾊﾞｲﾙ｣
さて、いよいよ表のラストです！
まずは、簡単な

フレームの太さを調節する方法
実際は、セルどうしの間隔を変えてるらしいけど、多分フレームの太さに見えるはず！
HTMLコードは、<table cellspacing="間隔">で、できるらしい。 例として、前回のものを使ってみる。
<table border> <tr><th>1</th><th>2</th></tr> <tr><td>足し算</td><td>例)１＋１＝２</td></tr> <tr><td>引き算</td><td>例)２−１＝１</td></tr> <tr><td>　　　</td><td>例)１−１＝０</td></tr></table>
12
足し算例)１＋１＝２
引き算例)２−１＝１
　　　例)１−１＝０

これのフレームの太さを変えてみる。設定しない場合は”2”らしいので”5”にしてみる。
<table border cellspacing="5"> <tr><th>1</th><th>2</th></tr> <tr><td>足し算</td><td>例)１＋１＝２</td></tr> <tr><td>引き算</td><td>例)２−１＝１</td></tr> <tr><td>　　　</td><td>例)１−１＝０</td></tr></table>
12
足し算例)１＋１＝２
引き算例)２−１＝１
　　　例)１−１＝０

ふむ、太くなったな。
１にすると・・。
12
足し算例)１＋１＝２
引き算例)２−１＝１
　　　例)１−１＝０

0にすると！
12
足し算例)１＋１＝２
引き算例)２−１＝１
　　　例)１−１＝０


セルに余白をつける。
いまの例のセルごとに、上下左右余白をいれてみる。
方法は<table cellpadding="セル上下左右の余白">を使用する。 <table border cellpadding="10"> <tr><th>1</th><th>2</th></tr> <tr><td>足し算</td><td>例)１＋１＝２</td></tr> <tr><td>引き算</td><td>例)２−１＝１</td></tr> <tr><td>　　　</td><td>例)１−１＝０</td></tr></table>
12
足し算例)１＋１＝２
引き算例)２−１＝１
　　　例)１−１＝０
>

おーきれいに見えるなぁ

続いて、セル内の文字位置を変える方法！
方法は、<td align="横位置" valign="縦位置">で表される。 <table border cellpadding="10"> <tr><th>1</th><th>2</th></tr> <tr><td align="center valign="center">足し算</td><td align="center valign="center">例)１＋１＝２</td></tr> <tr><td align="center valign="center">引き算</td><td align="center valign="center">例)２−１＝１</td></tr> <tr><td>　　　</td><td align="center valign="center">例)１−１＝０</td></tr></table> と、すべてに中央によるように設定すると
12
足し算例)１＋１＝２
引き算例)２−１＝１
　　　例)１−１＝０


のように、綺麗に表示することができた！完璧っしょー！
おまけで、どこかのホームページみたいに画像をはってみる。
きっと、足算とか入れてるところに、画像を表示させればいいんでしょ！

12
　　　


おっけー！これで表は完璧でしょ！ヾ(´▽｀*)ゝ
今度、全部を使った表でもつくってみよっと！