rules="none" 罫線を引かない
|
rules="rows" 行間の罫線だけを引く
|
|||||||||||||||||||||||||||
rules="cols" 列間の罫線だけを引く
|
rules="groups" 行・列グループの間だけ罫線を引く
|
|||||||||||||||||||||||||||
rules="all" すべての罫線を引く
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<title>表の枠線を変更(罫線)</title>
</head>
<body bgcolor="#FFFFFF">
<div align="center">
<table width="80%" cellspacing="5" cellpadding="5">
<tr align="center">
<td>rules="none" <br>
罫線を引かない
<table border="5" bordercolor="#0000FF" rules="none">
<tr>
<th>国名</th>
<th>首都</th>
<th>人口</th>
</tr>
<tr>
<td>フランス</td>
<td>パリ</td>
<td>5900万</td>
</tr>
<tr>
<td>日本</td>
<td>東京</td>
<td>1億2000万</td>
</tr>
<tr>
<td>ドイツ</td>
<td>ベルリン</td>
<td>8300万</td>
</tr>
</table>
</td>
<td>rules="rows"<br>
行間の罫線だけを引く
<table border="5" bordercolor="#0000FF" rules="rows">
<tr>
<th>国名</th>
<th>首都</th>
<th>人口</th>
</tr>
<tr>
<td>フランス</td>
<td>パリ</td>
<td>5900万</td>
</tr>
<tr>
<td>日本</td>
<td>東京</td>
<td>1億2000万</td>
</tr>
<tr>
<td>ドイツ</td>
<td>ベルリン</td>
<td>8300万</td>
</tr>
</table>
</td>
</tr>
<tr align="center">
<td>rules="cols"<br>
列間の罫線だけを引く
<table border="5" bordercolor="#0000FF" rules="cols">
<tr>
<th>国名</th>
<th>首都</th>
<th>人口</th>
</tr>
<tr>
<td>フランス</td>
<td>パリ</td>
<td>5900万</td>
</tr>
<tr>
<td>日本</td>
<td>東京</td>
<td>1億2000万</td>
</tr>
<tr>
<td>ドイツ</td>
<td>ベルリン</td>
<td>8300万</td>
</tr>
</table>
</td>
<td>rules="groups"<br>
行・列グループの間だけ罫線を引く
<table border="5" bordercolor="#0000FF" rules="groups">
<thead>
<tr>
<th>国名</th>
<th>首都</th>
<th>人口</th>
</tr>
</thead>
<tfoot>
<tr>
<td>合計</td>
<td> </td>
<td>2億6200万</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>フランス</td>
<td>パリ</td>
<td>5900万</td>
</tr>
<tr>
<td>日本</td>
<td>東京</td>
<td>1億2000万</td>
</tr>
<tr>
<td>ドイツ</td>
<td>ベルリン</td>
<td>8300万</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr align="center">
<td>rules="all"<br>
すべての罫線を引く
<table border="5" bordercolor="#0000FF" rules="all">
<tr>
<th>国名</th>
<th>首都</th>
<th>人口</th>
</tr>
<tr>
<td>フランス</td>
<td>パリ</td>
<td>5900万</td>
</tr>
<tr>
<td>日本</td>
<td>東京</td>
<td>1億2000万</td>
</tr>
<tr>
<td>ドイツ</td>
<td>ベルリン</td>
<td>8300万</td>
</tr>
</table>
</td>
<td> </td>
</tr>
</table>
</div>
</body>
</html>