HTML - タグ - 講座 - 入門 - ホームページ - ビギナーズガイド - 初心者 

枠線・余白

質問があればお気軽に質問掲示板に質問してくださいね。

<table cellspacing="数値" cellpadding="数値">
 数値 = 0 〜

cellspacing ・・・ 外余白
cellpadding ・・・ 内余白


外の余白と中の余白を定義できます。

∩( ・ω・)∩


<table cellspacing="1" cellpadding="20" bgcolor="#555555">
<tr><td bgcolor="#ffffff">
∩( ・ω・)∩
</td></tr></table>


ここでは、綺麗な外枠ができていますが
テーブル全体は黒と最初に設定しておいて
中身(td)の部分で背景色を白に設定すれば
差の部分である部分が黒になり、綺麗な外枠ができます。

つまり、tableで設定している黒の部分は
テーブルのサイズ+cellspacingですが
tdの部分は テーブルのサイズだけなので
cellspacingの部分が差です。