自分でできる集客できるビジネスホームページ
  • ホーム
  • サイトマップ
ゆうきカンパニー株式会社

お電話でのお問合せは 06-6155-6262

  • ホーム
  • 講座の特徴
    • ホームページについて学ぶ
    • 自社の強みの分析
    • ページの構成を考える
    • ページの作成
    • 自社サイトの発表
  • 受講の流れ
  • 料金案内
  • 事例紹介
    • 矢倉運輸倉庫様
    • あんじゅ布施様
    • 稲葉屋様
  • 安心サポート
    • ステップアッププラン
  • 会社案内
    • 講師紹介
    • スタッフ紹介
  • よくあるご質問
  • お問合せ・お申込み
  • サイトマップ
  • 講座の特徴
  • 受講の流れ
    • ホームページについて学ぶ
    • 自社の強みの分析
    • ページの構成を考える
    • ページの作成
    • 自社サイトの発表
  • 料金案内
  • 事例紹介
    • 事例集
    • スマイル様
    • オーシン様
    • 矢倉運輸倉庫様
    • あんじゅ布施様
    • 稲葉屋様
  • 安心サポート
    • ステップアッププラン
  • 会社案内
    • 講師紹介
    • スタッフ紹介
  • お問合せ・お申込み
Home > 親カテゴリー > 子カテゴリー2 > テーブル関連のスタイリング・新バージョン

テーブル関連のスタイリング・新バージョン

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

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

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

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

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

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

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

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

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

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

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

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

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

 

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

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

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

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

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

サンプルイメージ1

キャプションが入ります。キャプションが入ります。キャプションが入ります。キャプションが入ります。キャプションが入ります。

サンプルイメージ2

キャプションが入ります。キャプションが入ります。キャプションが入ります。キャプションが入ります。キャプションが入ります。

サンプルイメージ1

キャプションが入ります。キャプションが入ります。キャプションが入ります。キャプションが入ります。キャプションが入ります。

サンプルイメージ2

キャプションが入ります。キャプションが入ります。キャプションが入ります。キャプションが入ります。キャプションが入ります。

サンプルイメージ2

キャプションが入ります。キャプションが入ります。キャプションが入ります。キャプションが入ります。キャプションが入ります。

テーブル幅固定

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

サンプルイメージ1

キャプションが入ります。キャプションが入ります。キャプションが入ります。キャプションが入ります。キャプションが入ります。

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

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

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

class「table-30-70」を振ったテーブルのスタイリング

サンプルイメージ1

キャプションが入ります。キャプションが入ります。キャプションが入ります。キャプションが入ります。キャプションが入ります。

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

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

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

 

  • 前の記事へ

お問合せ・見積依頼

ゆうきカンパニー株式会社

06-6155-6262

〒530-0011 大阪市北区芝田2-8-11
共栄ビル3F

web@yukicom.com

お問合せフォーム

Site Footer

ゆうきカンパニー株式会社

〒530-0011 大阪市北区芝田2-8-11
共栄ビル3F

TEL:06-6155-6262

web@yukicom.com

  • ホーム
  • 講座の特徴
  • 受講の流れ
    • ホームページについて学ぶ
    • 自社の強みの分析
    • ページの作成
    • ページの構成を考える
    • 自社サイトの発表
  • 料金案内
  • 事例紹介
    • オーシン様
    • 矢倉運輸倉庫様
    • あんじゅ布施様
    • 稲葉屋様
    • 事例集
  • 安心サポート
    • ステップアッププラン
  • 会社案内
    • 講師紹介
    • スタッフ紹介
  • お問合せ・お申込み
  • よくあるご質問
  • プライバシーポリシー
  • サイトマップ
Copyright © 2019 YUKI Company All Rights Reserved.