背景画像を複数読み込む(ボックスを囲みたい)

背景画像を読み込んだ時に、訓練生さんからの質問。
「ボーダーのようにボックス全体を囲めないですか?」
 ↑
これ、考えたことがなかった(^^;)
訓練生さんの質問って、新鮮!

・・・と、いうことでやってみました。

背景画像は、CSS3から複数読み込みが可能
カンマ区切りで書いた順番に反映されます。

背景画像は、CSS3から複数読み込みが可能
カンマ区切りで書いた順番に反映されます。

コードは以下の通り

元ネタ MDN CSS での複数の背景の利用方法