Mojikaki

Scroll

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

色の設定について

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

見出し・テキスト(h2見出し)

←h2見出しは<section>~</section>の左端に縦書きで配置されます。

h3見出し

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

h4見出し

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

h5見出し

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

h6見出し

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

リンク色

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

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

リスト

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

区切り線

↓区切り線<hr>を使用するとこんな感じになります。
↑区切り線<hr>を使用するとこんな感じになります。

テーブル

テーブルの見本です。 テーブルの見本です。
テーブルの見本です。 テーブルの見本です。
テーブルの見本です。 テーブルの見本です。

コンタクトフォーム

*は必須項目です。

* *

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