空間づくり

• 画像や文字などの余白を作る

タグ	位置調整
cellpadding=" ■ "	セル内の余白。数値で指定
cellspacing=" ● "	セル間の余白。数値で指定

<table cellpadding=" ■ " cellspacing=" ● " border="1">
<tr><td>セル１</td><td>セル２</td></tr>
<tr><td>セル3</td><td>セル4</td></tr>
</table>

cellpadding=" 5 " ■
cellspacing=" 20 " ●

セル１	セル２
セル3	セル4

cellspacing=" 0 " （セル間余白を0）にすると、枠線の細いテーブルが作成できます

cellspacingタグなし

セル１	セル２
セル3	セル4

<table cellpadding="5" border="1">
<tr>
<td>セル１</td><td>セル２</td>
</tr>
<tr>
<td>セル3</td><td>セル4</td>
</tr>
</table>

cellspacing=" 0 "

セル１	セル２
セル3	セル4

<table cellpadding="5"  cellspacing="0"  border="1">
<tr>
<td>セル１</td><td>セル２</td>
</tr>
<tr>
<td>セル3</td><td>セル4</td>
</tr>
</table>

---

• 余白ありテーブル（センタリング/点線枠）にアフィリリンクを入れる

<table style="text-align: center; color: #72838c;"  cellpadding="3" cellspacing="7" >
<tr>
<td style="border: 2px dotted #d8bfd8;">
</td>
<td style="border: 2px dotted #d8bfd8;">
</td>
</tr>
<tr>
<td style="border: 2px dotted #d8bfd8;">
</td>
<td style="border: 2px dotted #d8bfd8;">
</td>
</tr>
</table>

ｶﾛﾗｲﾅｼﾞｬｽﾐﾝ

姫ウツギ

左のテーブルは、

セル内余白3、セル間余白7です


アフィリの写真・文字サイズによっては、

各セルの大きさがバラバラになります

更紗ウツギ

紅葉コデマリ

次回は、左図の様に、

セルの大きさを揃えるタグについて、

書いてみたいと思います


φ(,_,*)