tbodyタグ
タグtbodyは、テーブルの本体部分を定義します。
特定のグループに一度にCSSスタイルを適用できるよう、
行をグループ化するために使用されます。1つのテーブル内に
任意の数のtbodyタグを置くことができます。
タグtbodyは、HTMLテーブルの上部、本体、
下部を定義するために、theadや
tfootと
一緒に使用されることがよくあります。デフォルトでは、
ブラウザはtfootの内容をテーブルの下部に、
theadの内容を上部に配置します。
例
tbodyタグでグループ化された行のグループに、
プロパティcolorを使用して
テキストの色を赤にしてみましょう:
<table>
<thead>
<tr>
<th>名前</th>
<th>苗字</th>
<th>給料</th>
</tr>
</thead>
<tbody>
<tr>
<td>name1</td>
<td>surn1</td>
<td>200$</td>
</tr>
<tr>
<td>name2</td>
<td>surn2</td>
<td>1000$</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>件数: 2</td>
<td>-</td>
<td>合計: 1200$</td>
</tr>
</tfoot>
</table>
tbody {
color: red;
}
table, td, th {
border: 1px solid black;
}
: