PARTS DESIGN

このテンプレートで予めCSSの設定をした見出しやリストなどのデザインの一覧です。

色・背景画像の設定について

テキストの色や背景画像はroot.cssで設定しています。使い方はこちら

パーツデザイン一覧

見出し・テキスト

h2見出し

見出しの下にテキストがくるとこんな感じのレイアウトになります。

h2見出しデザインあり

見出しの下にテキストがくるとこんな感じのレイアウトになります。

h3見出し

見出しの下にテキストがくるとこんな感じのレイアウトになります。

h4見出し

見出しの下にテキストがくるとこんな感じのレイアウトになります。

h5見出し

見出しの下にテキストがくるとこんな感じのレイアウトになります。

h6見出し

見出しの下にテキストがくるとこんな感じのレイアウトになります。

リンク色

リンクの色の見本です。
文章の途中にリンクを入れるとこんな感じになります。

aタグをdivタグで囲い、divタグに「btn」のclassをつけるとボタンになります。

リスト

• リストの見本です。
• リストの中にリストを作成するとこんな感じになります↓
  • リストの中のリストの見本です。
  • リストの中のリストの見本です。
• リストの見本です。

1. リストの見本です。
2. リストの中にリストを作成するとこんな感じになります↓
   1. リストの中のリストの見本です。
   2. リストの中のリストの見本です。
3. リストの見本です。

区切り線

テーブル

コンタクトフォーム

*は必須項目です。

※フォームはデザインのみです。動作に必要なコード・ファイルは含まれておりません。

更新履歴