back

テーブル表

<table class="sample1" summary="表サンプル1">
<caption>表タイトルさぁ</caption>
<thead><tr><th>みだし1</th><th>みだし2</th><td>備考</td></tr></thead>
<tbody>
<tr><th>縦見出し1</th><td>ここには文章が記述されますわ。</td><td>その他3列目</td></tr>
<tr><th>縦見出し2</th><td>ここには文章が記述されますわ。</td><td>その他3列目</td></tr>
<tr><th>縦見出し3</th><td>ここには文章が記述されますわ。</td><td>その他3列目</td></tr>
</tbody>
</table>
.sample1 {border-collapse: collapse;}
.sample1 caption { font-weight: bold; text-align: center; }
.sample1 thead { background-color: #99CCFF; }
.sample1 thead th { text-align: center; font-weight: bold; }
.sample1 thead td { font-weight: bold; }
.sample1 th { font-weight: bold; }
.sample1 th, td { border: 1px solid #CCCCCC; }
表タイトルさぁ
みだし1みだし2備考
縦見出し1ここには文章が記述されますわ。その他3列目
縦見出し2ここには文章が記述されますわ。その他3列目
縦見出し3ここには文章が記述されますわ。その他3列目
inserted by FC2 system