テーブルタグ|セルと文字の幅(隙間)|たったこれだけタグ講座

Loading

スポンサードリンク

基本タグ

<table border="0" cellpadding="数値">

解りやすくサンプルを載せますのでどんな感じになるか確認して下さい。

セルA セルB
セルC セルD
セルE セルF
セルA セルB
セルC セルD
セルE セルF

 

<!-- cellpadding="10"とした場合 -->
<table border="1" cellpadding="10" cellspacing="0">
<tr>
<td>セルA</td>
<td>セルB</td>
</tr>
<tr>
<td>セルC</td>
<td>セルD</td>
</tr>
<tr>
<td>セルE</td>
<td>セルF</td>
</tr>
</table>

*罫線をかくのが面倒なので border="1" で表示してます。

セルと文字間のスペースが解りますか?

セルA セルB セルC
セルA セルB セルC

 

<!-- cellpadding="20"とした場合 -->
<table border="1" cellpadding="20" cellspacing="0">
<tr>
<td>セルA</td>
<td>セルB</td>
<td>セルC</td>
</tr>
</table>

*罫線をかくのが面倒なので border="1" で表示してます。

文字を中心に4方向に同じだけスペースが入ってます。

スポンサードリンク