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

コードは以下の通り

background-image: url(img/bg-top.png),       /* 上　背景画像 */
		　url(img/bg-bottom.png),   /* 下　背景画像 */
		　url(img/bg-left.png),    /* 左　背景画像 */
		　url(img/bg-right.png) ; /* 右　背景画像 */
background-repeat: 
		　repeat-x,    /* 上　背景画像　繰り返し */
		　repeat-x,   /* 下　背景画像　繰り返し */
		　repeat-y,  /* 左　背景画像　繰り返し */
		　repeat-y; /* 右　背景画像　繰り返し */
background-position: 
		　left top,     /* 上　背景画像　位置 */
		　left bottom, /* 下　背景画像　位置 */
		　left top,   /* 左　背景画像　位置 */
		　right top; /* 右　背景画像　位置 */

参考 ● MDN CSS での複数の背景の利用方法

背景画像ではなく、ボーダーを画像にする場合

ちなみに、ボーダーを画像にするというCSSもあるようです。

（例えばこんな感じ）背景画像を用意