テーブル パディング

テーブル内の境界線とコンテンツの間のスペースを制御するには、<td>および<th>要素のpaddingプロパティを使用します。

水平区切り線

水平区切り線として、<th>と<td>にborder-bottomプロパティを追加します。

ホバーテーブル

ストライプテーブル

ゼブラストライプのテーブルの場合はnth-child()セレクターを使用して、すべての偶数(または奇数) のテーブル行にbackground-colorを追加します。

:::example {.techis-example}
### 例

:::code {.techis-code .notranslate .language-css}
tr:nth-child(even) {background-color: #f2f2f2;}
:::code

自分で試してみる »

:::example

テーブルの色

次の例では、<th>要素の背景色とテキスト色を指定しています。