コーディング時に意外と使われがちな背景画像のCSSについて紹介です。 背景で最も覚えておくべきは「background-size」だと思います。この指定の違いによって表示がどのように変わってくるのか、マウスでドラッグしながら直感的に理解していこうという目的で作成しました。 また、ヒーローイメージや背景固定など、よく使わがちな背景の指定方法についても少しだけまとめました。 わたしがコーダーとして仕事するようになって、たぶん一番くらいの衝撃が「こんなにも背景使うの?」でした笑 コーディングを仕事にしている方は、ここに書かれていることは当たり前に理解しておくといいかもしれません!
![background-sizeの4つの指定の違いと背景画像のCSSでよく使われがちなパターン3つ | HPcode(えいちぴーこーど)](https://cdn-ak-scissors.b.st-hatena.com/image/square/9c18a7f9edb4226c4b2c7bf4f13fb6026959da37/height=288;version=1;width=512/https%3A%2F%2Fhaniwaman.com%2Fcms%2Fwp-content%2Fuploads%2F2018%2F10%2Fbackground0.png)