テーブル関連のスタイリング

デフォルトのテーブルのスタイリング

ヘッダーセル データセル データセル データセル
ヘッダーセル データセル データセル データセル
ヘッダーセル データセル データセル データセル

class「hyou」を振ったテーブルのスタイリング

テーブルにclass「hyou」を振ると、テーブルに罫線が表示されます。

ヘッダーセル データセル データセル データセル
ヘッダーセル データセル データセル データセル
ヘッダーセル データセル データセル データセル

class「border-bottom」を振ったテーブルのスタイリング

テーブルにclass「border-bottom」を振ると、テーブルの各行に罫線が表示されます。

ヘッダーセル データセル データセル データセル
ヘッダーセル データセル データセル データセル
ヘッダーセル データセル データセル データセル

class「tate」を振ったテーブルのスタイリング

テーブルにclass「tate」を振ると、スマホ時にテーブルの各セルの幅が100%になります。

ヘッダーセル データセル データセル データセル
ヘッダーセル データセル データセル データセル
ヘッダーセル データセル データセル データセル

class「box」を振ったテーブルのスタイリング

テーブルにclass「box」を振ると、テーブルの背景がグレーになります。

ヘッダーセル データセル データセル データセル
ヘッダーセル データセル データセル データセル
ヘッダーセル データセル データセル データセル

class「gray」を振ったテーブルのスタイリング

テーブルのセルclass「gray」を振ると、セルの背景がグレーになります。

 

ヘッダーセル データセル データセル データセル
ヘッダーセル データセル データセル データセル
ヘッダーセル データセル データセル データセル

class「beige」を振ったテーブルのスタイリング

テーブルのセルclass「beige」を振ると、セルの背景がベージュになります。

ヘッダーセル データセル データセル データセル
ヘッダーセル データセル データセル データセル
ヘッダーセル データセル データセル データセル

テーブル内で画像を使用したスタイリング​

キャプション
キャプション
キャプション

 
キャプション

テーブル幅固定​

ロンドン、サヴィル・ロウの高級テーラー「キングスマン」は、どこの国にも所属せず秘密裏の活動を行い、数々の難事件・テロリズムを解決する、スパイの本拠地であった。

かつての「キングスマン」候補生の息子であり元海兵隊員のエグジーは義父率いるギャングとの諍いの中逮捕され、17年前に父の死後「キングスマン」の勲章(メダル)を手渡しにきた工作員のハリーと出会う。
エグジーはハリーの薦めにより父と同様に「キングスマン」の選考試験に参加し、他の候補生たちとともに過酷な試練を経験することになる。

一方、ハリーは仲間の死に関わった一連の事件にリッチモンド・ヴァレンタインというアメリカ人実業家が絡んでいることを知る。
ヴァレンタインを調べていくうちに判明したのは、人類の存亡を揺るがす巨大な陰謀であった。