ヘッダー画像の上のスキマをCSSで消す方法 | パーフェクトマスター アメブロ カスタマイズ講座

パーフェクトマスター アメブロ カスタマイズ講座

あなたの伝えたい事がしっかり伝わるアメブロに最適化しませんか?初心者の方でもかんたんにカスタマイズ!パーフェクトマスター アメブロ カスタマイズ講座 by aki



アメブロのヘッダー画像をアップし終わった後に確認してみると、
ヘッダー画像とamebaのナビゲーションの間にスキマが空いています。
気にならなければ、問題ありませんがこちらのスキマが気になってしまうものです。
CSSでかんたんに消す方法をご紹介します。





  1. アメブロ → デザインの変更 → CSSの編集を選択

  2. ヘッダー画像上部のスキマを消すCSSを記述していきます。




以下のようにCSSを記述してみてください。


header{
margin-top: -22px;
}



記述出来ましたら、保存してプレビューを行ってみましょう。
ヘッダーの上のスキマがなくなっていると思います。

もし解決しないという場合は、コメントくださいね!


aki