ヘッダー画像をレスポンシブにきれいに表示する方法 - フジブロっ！

※2021/1/16「画像とテキストを表示」してお使いの方では画像の表示がずれてしまうため、「ヘッダー画像周りの余白を消す」コードを一部修正しています。お手数ですがコードを入れ直してください。 どうも！フジグチです！ 先日リリースしたはてなブログテーマ【Cappuccino】は、多くの皆さんにインストールして頂き大変嬉しい限りです。 ご質問を頂いたのと、乗り換えて頂いた方にもCSSがリセットされて、ヘッダー画像の表示がうまくいかないとお困りの方もいるかと思います。 元々はてなブログのヘッダー画像について気になっていたので、今回はテーマ【Cappuccino】に限らず使えるヘッダー画像の調整方法をご紹介します。 ヘッダー画像の調整 余白をなくす ヘッダー画像背景色を設定する Canvaを使ったヘッダーの作り方 レスポンシブでのヘッダー画像表示対策 まとめ ヘッダー画像の調整 はてなブログでは

[pojisora]

フジグチさん！！待ってました！私の為にこの記事を作ってくれたのかと思うほどのタイミングでした(^^♪早速カスタマイズしました！ありがとうございます！

[sai_kurashi]

やります😆

[darakekaasan]

ありがとうございます😊