表パディング

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

横仕切り

追加border-bottomプロパティを <th> および <td> に設定して、水平方向の仕切りを作成します。

ホバー可能なテーブル

使用:hover<tr> のセレクターは、マウス オーバーでテーブルの行を強調表示します。

縞模様のテーブル

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

テーブルの色

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