【コピペOK】お気に入りのシンプルでおしゃれな見出し6選

はじめに

私がサイト制作をする中で、お気に入りのデザインをご紹します！

見出しデザイン

シンプルでも目立つ雑誌風見出し

See the Pen
Untitled by 髙橋もえ (@gkcbigss-the-sasster)
on CodePen.

さりげないラインと反射が美しい見出し

See the Pen
クールな見出し by 髙橋もえ (@gkcbigss-the-sasster)
on CodePen.

四角が可愛いポップな見出し

See the Pen
四角が可愛いポップな見出し by 髙橋もえ (@gkcbigss-the-sasster)
on CodePen.

ラインのみのシンプルな見出し01

See the Pen
ラインのみのシンプルな見出し01 by 髙橋もえ (@gkcbigss-the-sasster)
on CodePen.

ラインのみのシンプルな見出し02

See the Pen
ラインのみのシンプルな見出し02 by 髙橋もえ (@gkcbigss-the-sasster)
on CodePen.

ラインのみのシンプルな見出し03

See the Pen
ラインのみのシンプルな見出し03 by 髙橋もえ (@gkcbigss-the-sasster)
on CodePen.

補足事項

「em」単位を使って装飾の高さや幅を指定しています。h2のテキストサイズによって自動的に変動する数値なので、固定の数字が好みな場合は適宜「em」の値を「px」に変更してご使用ください。

まとめ

シンプルでアレンジしやすい見出しのご紹介でした！
ぜひご自身のサイト作成にご活用ください！