はてなブックマーク

概要：ブログの「見出し」をデザインする 今回はブログの「見出し」をデザインする方法についてご紹介します。 色々ブログを閲覧していると下記のようなものを見かけませんか？ 見出し 「これってどうやって作るんだろう？」と疑問に感じている方もいらっしゃるはず。 実はこれってとても簡単に作ることができるんです。 CSS（スタイルシート）とHTMLの見出しタグ（<h1>～<h6>）を使用するだけです。 では早速「見出し」をデザインする方法について順を追って説明します。今回はBloggerとアメブロを例にしたいと思います。 手順：ブログの「見出し」をデザインする <h1>～<h6>はHTMLでは見出しタグと呼ばれています。 その名の通り見出しを表示するタグです。 よく本で第1章、第2章などとあると思いますがまさにそれが見出しに当たります。 さらに第1章第3節などのように構成されていれば、第1章は<h2>