heading

  • 設定は「CSS詳細」でしています。
  • 各Designはページタイトル(h1)、タイトル(h2)、大見出し(h3)、小見出し(h4)の設定が入っています。必要なブロックをコピーしてご利用してください。

heading_001

吹き出し

大見出しのデザイン

heading_002

吹き出し(枠線)

大見出しのデザイン

heading_003

吹き出し(中央)

大見出しのデザイン

heading_004

途中で色の変わる線

大見出しのデザイン

heading_005

2種類のラインを重ねた線

大見出しのデザイン

heading_006

両端に線を伸ばす

大見出しのデザイン

heading_007

両側に端まで線を伸ばす

大見出しのデザイン

heading_008

左に線を伸ばす

大見出しのデザイン

heading_009

線で囲い左にアクセントのライン

大見出しのデザイン

heading_010

下側に小さく線をつける

大見出しのデザイン

heading_011

下左側に小さく線をつける

大見出しのデザイン

heading_012

スラッシュで囲む

大見出しのデザイン

heading_013

見出しの右に線を引く(display:flex , align-items:center)

大見出しのデザイン

heading_014

見出しの左右に線を引く(display:flex , align-items:center)
heading_007のアレンジ版

大見出しのデザイン

heading_015

見出しの左に線を引く
※ 見出しの「行の高さ」などの設定により上下位置(before要素の位置/上余白)は調整してください。

大見出しのデザイン