こんにちは！
WEBクリエイターのkabosuです。
今回はCSSで複数の背景画像を並べる方法についてまとめました。
画像を並べたり配置する方法は、positionプロパティもあるのですが、重なり順を意識しないといけないなど複雑なレイアウトになると取り回ししにくいこともあるため、backgroundプロパティでの指定がおすすめです。
See the Pen
background複数 by kabosu-YN (@kabosudayo)
on CodePen.
背景画像それぞれをカンマ区切りにして、backgroundプロパティで指定しています。
backgroundプロパティで指定すると、該当の要素のセレクタ指定のみを見るだけで分かるので管理もしやすいです。
See the Pen
background複数:背景色あり by kabosu-YN (@kabosudayo)
on CodePen.
backgroundプロパティに背景色を追加します。