投稿日 : 2019年3月22日

【WEBデザイン】画像を画面の角にピタッとくっつける方法

HTML・CSS|プログラミング

こんにちは、yutaです。

HTML、CSSでWEBサイトをコーディングしている時に、

画像を貼り付けたけど、画面の角と微妙に隙間ができてしまう。

という現象に悩まされた方はいませんか?

隙間ができてしまう例

かなり初歩的な内容にはなりますが、解決策をシェアします。



cssでbodyのmarginを0pxに指定

これだけです。body{}に記述している通り、margin: 0px;を指定すれば、画像が画面の角にピタッとくっつきます。

隙間が消え、画像が画面の角にくっつきました。

一応、htmlの内容も貼っておきますね。

今回は以上になります。では、また


人気ブログランキングに参加しています。以下のバナーをクリックしていただけると幸いです。

お問い合わせ

E-mail : yutric9☆gmail.com
☆を@に置き換えて送信してください。
仕事のご依頼や、その他の質問など何でもお気軽にお問い合わせください。

準備中