<table>タグの表の枠線の指定方法について紹介しています。

初心者でもできるホームページ制作&SEO
初心者でもできるホームページ制作&SEOホームページ制作HTML講座表を作る<table>>表の枠線を指定する
表を作る
HTML講座
ホームページ制作



表の枠線を指定する



表は枠線の幅と太さを変更することができます。


枠線の幅を変更する場合


   
   


上の表は線の色を黒に設定し、を20ピクセルに指定しています。太さではなくを設定しているということに注意をして下さい。


上の表のタグは以下のようになっています。


<table border="1" width="260" cellspacing="20" bordercolor="#000000">
<tr>
<td height="40"> </td>
<td> </td>
</tr>
<tr>
<td height="40"> </td>
<td> </td>
</tr>
</table>


赤色の【cellspacing】というタグが線の幅を意味し、この場合だと線の幅を20ピクセルにしますということです。


枠線の太さを変更する場合


以下の表は枠線の太さを太くするよう指定しています。


   
   


タグは以下の通りです。


<table border="10" width="260" cellspacing="0" bordercolor="#000000">
<tr>
<td height="40"> </td>
<td> </td>
</tr>
<tr>
<td height="40"> </td>
<td> </td>
</tr>
</table>


青色の【border】というタグが枠線の幅を意味し、この場合だと線の太さを10ピクセルにしますということです。
ちなみに先に紹介した線の幅cellspacingは0にしています。


幅と太さが少しややこしいので注意をして下さい。
一応、一般的にこれらを幅と太さと言い分けているというわけではありません。あくまで説明しやすいよう幅と太さと表現をしただけです。


サイトマップ 更新履歴 問い合わせ サイト&管理人紹介 相互リンクについて リンク集
Copyright(C)2008-2010 Homepage making & SEO that even beginner can do All Rights Reserved