テーブル関連のスタイリング
Contents
デフォルトのテーブルのスタイリング
ヘッダーセル | データセル | データセル | データセル |
---|---|---|---|
ヘッダーセル | データセル | データセル | データセル |
ヘッダーセル | データセル | データセル | データセル |
class「hyou」を振ったテーブルのスタイリング
テーブルにclass「hyou」を振ると、テーブルに罫線が表示されます。
ヘッダーセル | データセル | データセル | データセル |
---|---|---|---|
ヘッダーセル | データセル | データセル | データセル |
ヘッダーセル | データセル | データセル | データセル |
class「tate」を振ったテーブルのスタイリング
テーブルにclass「tate」を振ると、スマホ時にテーブルの各セルの幅が100%になります。
ヘッダーセル | データセル | データセル | データセル |
---|---|---|---|
ヘッダーセル | データセル | データセル | データセル |
ヘッダーセル | データセル | データセル | データセル |
class「box」を振ったテーブルのスタイリング
テーブルにclass「box」を振ると、テーブルの背景がグレーになります。
ヘッダーセル | データセル | データセル | データセル |
---|---|---|---|
ヘッダーセル | データセル | データセル | データセル |
ヘッダーセル | データセル | データセル | データセル |
class「gray」を振ったテーブルのスタイリング
テーブルのセルclass「gray」を振ると、セルの背景がグレーになります。
ヘッダーセル | データセル | データセル | データセル |
---|---|---|---|
ヘッダーセル | データセル | データセル | データセル |
ヘッダーセル | データセル | データセル | データセル |
class「beige」を振ったテーブルのスタイリング
テーブルのセルclass「beige」を振ると、セルの背景がベージュになります。
ヘッダーセル | データセル | データセル | データセル |
---|---|---|---|
ヘッダーセル | データセル | データセル | データセル |
ヘッダーセル | データセル | データセル | データセル |
テーブル内で画像を使用したスタイリング
|