1. HOME
  2. フォーマットページ

フォーマットページ

▼画像のロールオーバーを再現

▼トップページの見出しを再現

▼その他のスタイル設定

▼見出し

H3見出しa [style3a]

H3見出しb [style3b]

H4見出しa [style4a]

H4見出しb [style4b]

H5見出しa [style5a]
H5見出しa [style5b]

▼囲み枠

囲み枠a [well]

囲み枠b [well2]

囲み枠c [well3]

▼ボタン
フラットボタン [q_button]
フラットボタン-L [q_button sz_l]
フラットボタン-S [q_button sz_s]
フラットボタン-blue [q_button bt_blue]
フラットボタン-green [q_button bt_green]
フラットボタン-red [q_button bt_red]
フラットボタン-yellow [q_button bt_yellow]
角丸ボタン [q_button rounded]
角丸ボタン-L [q_button rounded sz_l]
角丸ボタン-S [q_button rounded sz_s]
ラウンドボタン [q_button pill]
ラウンドボタン-L [q_button pill sz_l]
ラウンドボタン-S [q_button pill sz_s]

※pタグで囲い、クラス指定を追加することで配置方法の指定が可能です。

フラットボタン-L(左揃え)[align3]

フラットボタン-L(中央揃え)[align1]

フラットボタン-L(右揃え)[align2]

▼カラム

2カラム [post_col-2]
2カラム [post_col-2]
3カラム [post_col-3]
3カラム [post_col-3]
3カラム [post_col-3]
4カラム [post_col-4]
4カラム [post_col-4]
4カラム [post_col-4]
4カラム [post_col-4]
5カラム [post_col-5]
5カラム [post_col-5]
5カラム [post_col-5]
5カラム [post_col-5]
5カラム [post_col-5]
6カラム [post_col-6]
6カラム [post_col-6]
6カラム [post_col-6]
6カラム [post_col-6]
6カラム [post_col-6]
6カラム [post_col-6]

▼テーブル

CSS Cascading Style Sheets(CSS、カスケーディング・スタイル・シート、カスケード・スタイル・シート)とは…
レスポンシブデザイン レスポンシブデザイン(RWD)とは、Webデザインの手法の一つで、様々な種類の機器や画面サイズに単一のファイルで対応すること。表示された機器の種類やサイズに応じて表示内容が最適な状態に変化するよう設定された単一のファイルを制作し、すべての機器に同じように送信する…

▼Youtube(レスポンシブ)

▼広告

▼改ページ