白あんapp配信中 詳しくはこちらから

テーブルのテンプレート

スポンサーリンク

普通のテーブル

テーブルのタイトル
<table>
<caption>テーブルのタイトル</caption>
<thead>
<tr>
<th>1</th>
<th>2</th>
<th>3</th>
<th>4</th>
</tr>
</thead>
<tbody>
<tr>
<td>あ</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>い</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>う</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>え</td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>

背景色を交互に変える

<div class="n21">
<table>
<thead>
<tr>
<th>1</th>
<th>2</th>
<th>3</th>
<th>4</th>
</tr>
</thead>
<tbody>
<tr>
<td>あ</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>い</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>う</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>え</td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
</div>

スクロールするテーブル

テーブルのタイトル
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
<div class="scrollable-table">
<table><caption>テーブルのタイトル</caption>
<thead>
<tr>
<th>1</th>
<th>2</th>
<th>3</th>
<th>4</th>
</tr>
</thead>
<tbody>
<tr>
<td>あ</td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
</div>
トップへ戻る
タイトルとURLをコピーしました