テーブルの装飾
 


 
■テーブルの線の太さを決めよう&色をつけよう!
 
<table border="3" bordercolor="hotpink"><tr><td>
文字など。
</td></tr></table>

 
↓こうなります。
 
文字など。

 
太さ、色を自由に変えてみてね!
 
−−−−−−−−−−−−−−−−−−−−−−−−−−−−
 
■テーブルの外線と内線の間隔を決めよう!
 
<table border="3" bordercolor="hotpink" cellspacing="7"><tr><td>
文字など。
</td></tr></table>

 
↓こうなります。
 
文字など。

 
−−−
 
<table border="3" bordercolor="hotpink" cellspacing="2"><tr><td>
文字など。
</td></tr></table>

 
↓こうなります。
 
文字など。

 
数字を大きくすると間隔が広くなります。「0」でくっつきます。
 
−−−−−−−−−−−−−−−−−−−−−−−−−−−−
 
■テーブルの内線と文字との間隔を決めよう!
 
<table border="3" bordercolor="hotpink" cellpadding="7"><tr><td>
文字など。
</td></tr></table>

 
↓こうなります。
 
文字など。

 
−−−
 
<table border="3" bordercolor="hotpink" cellpadding="2"><tr><td>
文字など。
</td></tr></table>

 
↓こうなります。
 
文字など。

 
数字を大きくすると間隔が広くなります。「0」でくっつきます。
 
−−−−−−−−−−−−−−−−−−−−−−−−−−−−
 
■組み合わせると…
 
<table border="5" bordercolor="orange" cellspacing="4" cellpadding="7"><tr><td>
文字など。
</td></tr></table>

 
↓こうなります。
 
文字など。