おすすめグッズや役立つ情報ブログ

Sedori Plan

Web

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

更新日:

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

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

参考 RedTeamDesign

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

photo credit: Jeff Croft via photopin cc

CSSのみ使った見出し

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

見出し

見出し

見出し

見出し

見出し

見出し

見出し

見出し

見出し

見出し

まとめ

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

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

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

スポンサーリンク
  • この記事を書いた人
  • 最新記事

toney

サイトの構築、プログラムを制作をしていますtoneyと申します。中小企業、個人のホームページの制作、更新作業も承ります。 筋トレで自分を追い込んでいくのが楽しみです。最近マラソンにはまって2年連続名古屋シティマラソンに出ました。

-Web

Copyright© Sedori Plan , 2018 All Rights Reserved.