CSS3で背景画像を複数指定

CSS3で背景画像を複数指定

CSS3で、1つのボックスに背景画像を複数指定する簡単なサンプルコードを記述してます。

環境

  • OS windows10 64bit
  • chrome 86.0.4240.198

背景画像複数指定

カンマで区切って背景画像を指定するだけで1つのボックスに対して複数指定が可能です。

3つ以上の画像を指定することも可能です。
また次のようにまとめて記述することも可能です。

サンプルコード

以下は実際に、背景に3つの画像を指定したサンプルコードとなります。

ブラウザ上で表示した結果

1つのボックスに3つの背景画像を指定しています。