hal7pi https://blog.hatena.ne.jp/hal7pi/ はるなぴログ https://www.halu7.com/ Webデザイン 見出しのデザインをCSSでカスタマイズしてみます。 ボックス風の見出しに吹き出しを付けたりチェックボックス画像を用いたりしておしゃれなデザインを追求してみました。 サンプルCSSをつけましたので自由にコピペしてご使用ください。 H2の見出しデザイン 以前のブログの見出しデザインとの比較 目立つ見出しデザインにCSSカスタマイズ 表示確認はスマホ、タブレットでも行いましょう H3の見出しデザイン チェックボックス画像を用いた見出しデザイン H4の見出しデザイン はてなブログテーマInnocentの見出しデザイン 外部CSSを直リンクする方法 CSSコピペサンプル H2の見出しデザイン H2は記事… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.halu7.com%2Fentry%2Fhatenablog-header-css" title="【CSSコピペOK】ブログの見出しデザインをカスタマイズ - はるなぴログ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/h/hal7pi/20190727/20190727180310.jpg Hatena Blog https://hatena.blog 2019-07-28 09:00:00 rich https://www.halu7.com/entry/hatenablog-header-css 1.0 100%