ポコ・ア・ポコ　パソコン教室

ポコ・ア・ポコ　パソコン教室は・・・ホームページを作ろう

ホームページを作るにはCSSを勉強しなければいけない。
解りやすく、CSSの具体例で説明します。

表の境界線の幅の実験

メールアドレスの保有数

	A市未成年	A市女性	A市男性
1個	２３％	２９％	１６％
2個	３３％	２８％	２２％
3個以上	４３％	４３％	６１％

	A市未成年	A市女性	A市男性
1個	２３％	２９％	１６％
2個	３３％	２８％	２２％
3個以上	４３％	４３％	６１％

＜head＞
＜style type="text/css"＞
＜!--
TABLE.col { border-collapse: collapse; }
TABLE.sep { border-collapse: separate; }
TD { border: 1px solid red; }
}
--＞
＜/head＞

＜body＞
　　＜table class="col"＞
＜tr＞
＜th ＞＜/th＞
＜th＞A市未成年＜/th＞
＜th>A市女性＜/th＞
＜th>A市男性＜/th＞
＜/tr＞
・・・・・・
　＜table class="sep"＞
＜tr＞
＜th ＞＜/th＞
＜th＞A市未成年＜/th＞
＜th>A市女性＜/th＞
＜th>A市男性＜/th＞
＜/tr＞
　　＜/body＞

border-collapse: collapse
テーブルの各セルの枠線を
collapse（隣のセルの枠線と重ねて表示）
separate（隣のセルとすこし離して表示）
inherit（継承）のいずれかで指定する。