CSSだけでカッコよく作る見出し(hタグ)デザイン(サンプル付き)

CSSだけでカッコよく作る見出し(hタグ)デザイン(サンプル付き)

サイトを作っているときに、「カッコよくhタグをデザインしたいな~」って
思ったときがあって、でも「画像は使いたくない」ということがあります。

参考 RedTeamDesign

いろいろ調べて、制作のときに使ったことがあるスタイル、いつか使ってみようと思ったhタグのスタイルをご紹介します。

photo credit: Jeff Croft via photopin cc

CSSのみ使った見出し

※左の縦のボーダーは無視してください。

見出し

見出し

見出し

見出し

見出し

見出し

見出し

見出し

見出し

見出し

まとめ

これらのスタイルで作った見出しのサンプルをつくりました!

[サンプル] CSSだけでカッコよく作る見出し(hタグ)デザイン

ぜひ、試してみてください。

3 件のコメント

  • コメントを残す

    メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

    *