Noël

PARTS DESIGN

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

色の設定について

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

パーツデザイン一覧

見出し・テキスト

h2見出し

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

h3見出し

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

h4見出し

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

h5見出し

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

h6見出し

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

リンク色

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

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

リスト

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

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

区切り線

テーブル

コンタクトフォーム

*は必須項目です。

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