表の行をフラットな横線で仕切る例です。秘技!?

画面例1
aaaaa

m1m2m3
d1100d1200d1300
d2100d2200d2300
左のような画面を作りました。
TABLEの枠線を横方向のみにし、色を付けます。
コーディング
<html>
<body>
<center>aaaaa</center>
<br>
<center>
<table border>
<tr>
<th>m1 </th><th>m2 </th><th>m3 </th>
</tr>
<tr>
<td>d1100 </td><td>d1200 </td><td>d1300 </td>
</tr>
<tr>
<td>d2100 </td><td>d2200 </td><td>d2300 </td>
</tr>
</table>
</center>
</body>
</html>
画面例2
aaaaa

m1 m2 m3
d1100 d1200 d1300
d2100 d2200 d2300
なんだ、できるジャン!
コーディング
<html>
<body>
<center>aaaaa</center>
<br>
<center>
<table border=0 cellspacing=0 cellpadding=0><tr><td bgcolor="blue"> ‥‥@
<table border=0 cellspacing=0 cellpadding=0> ← A
<tr bgcolor="white"> ← B
<th>m1 </th><th>m2 </th><th>m3 </th>
</tr>
<tr><td colspan=3 height=2></td></tr> ← E
<tr bgcolor="white"> ← C
<td>d1100 </td><td>d1200 </td><td>d1300 </td>
</tr>
<tr><td colspan=3 height=2></td></tr> ← F
<tr bgcolor="white"> ← D
<td>d2100 </td><td>d2200 </td><td>d2300 </td>
</tr>
<tr><td colspan=3 height=2></td></tr> ← G
</table>
</td></tr></table> ‥‥@'
</center>
</body>
</html>
説明
元のTABLEを@〜@'のTABLEで囲みます。(bgcolor="blue"
元のTABLEはborder=0 cellspacing=0 cellpadding=0A)にします。
元の各行の背景色(bgcolor)を"white"B〜D)にします。
線を表示するための行を挿入(E〜G)します。
※IE(Internet Explorer)とネスケ(Netscape Navigator)では表示結果が違う場合があります。



〒745-0801 山口県周南市大字久米327-145
中川システム開発 ホームページ
Tel(0834)28-0205 Fax(0834)28-1272