画面例１
aaaaa
| m1 | m2 | m3 |
|---|
| d1100 | d1200 | d1300 |
| d2100 | d2200 | d2300 |
|
|
左のような画面を作りました。
ＴＡＢＬＥの枠線を横方向のみにし、色を付けます。
コーディング
<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>
|
|
|
画面例２
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>
|
|
|
説明
元のＴＡＢＬＥを@〜@'のＴＡＢＬＥで囲みます。（bgcolor="blue"）
元のＴＡＢＬＥはborder=0 cellspacing=0 cellpadding=0（A）にします。
元の各行の背景色（bgcolor）を"white"（B〜D）にします。
線を表示するための行を挿入（E〜G）します。
※ＩＥ(Internet Explorer)とネスケ(Netscape Navigator)では表示結果が違う場合があります。
|
