表の境界線の幅の実験

メールアドレスの保有数

  A市未成年 A市女性 A市男性
1個 23% 29% 16%
2個 33% 28% 22%
3個以上 43% 43% 61%


  A市未成年 A市女性 A市男性
1個 23% 29% 16%
2個 33% 28% 22%
3個以上 43% 43% 61%
<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(継承)のいずれかで指定する。