ブログやwebサイトをカスタマイズする時、意外に悩むのが見出しのデザインですよね。 オシャレで可愛く、もしくはカッコよくデザインしたいと思っても、中々悩んでしまう事もあります。 そこでこのページでは画像を使わずcssだけで作れる見出しのデザインを紹介していきます。 もちろんすべてコピペするだけでwebサイトやブログに実装できるので、今すぐに簡単にカスタマイズする事が可能です。 CSSを使った見出しデザイン 各見出しのHTMLとCSSをコピペしてお使いください。 ここではh3タグに対してCSSを設定していきますが、使用したい箇所にclass属性を追加する事で見出し以外のデザインにも使えます。 まずはシンプルな形から紹介していきます。 背景色のみのデザイン 背景色を付けただけのシンプルなデザインの見出し <h3 class="sample">見出しデザイン</h3> .sample{ back