見出しのカスタマイズ

見出し（Hタグ）を可愛くオシャレに装飾できる、デザインサンプル集。HTMLとCSSをコピペするだけでアメブロとWordPressで簡単に使えます！　CSSは使わないでHTMLコードだけでも実現可能。ご自由にお使いください。

見出しとは、ブログを書いたときの「サブタイトル」のようなものです。下記画像をご覧ください。ピンクの矢印が示す、灰色の部分が『見出し』です。ちなみに、オレンジは目次です。コクーンでは、見出しをつくると自動的に目次が作成されます。この見出し、デ...

ブログ・メディアなど形式問わず使われるh (見出し) タグ。見出しタグのデザイン一つでコンテンツの見やすさがガラッと変わる、と言っても過言ではないほど重要な要素です。今回はそんな見出しのデザインスニペットをまとめました。ぜひご自身のサイトに活用してみてください。

h1〜h6タグの美しくおしゃれなデザインサンプルをたくさん紹介します。どれもコピペで使うことができます。

導入方法から基本的な使い方、「Font Awesome Animation」でさまざまなアニメーション効果を加える方法まで丁寧に解説します。

線だけでのデザインパターンを25種類ご用意いたしました。

CSSのwidthとheightの指定方法とコツを初心者の方でも分かるように丁寧に解説します。