STEP5-9では、2枚目の背景画像の表示位置と大きさを調節しましたが、繰り返しのパターンを指定することもできます。2枚目の背景画像の繰り返しパターンは、background-repeatプロパティの値を「,(カンマ)」で区切って指定します。たとえば、横方向のみに繰り返して表示する場合、「repeat-x」と指定します。
/* コンテナ */ div#container {width: 900px; margin-left: auto; margin-right: auto; background-color: #ffffff; padding:0 40px; -webkit-box-shadow: 0px 0px 50px #bbbbbb; box-shadow: 0px 0px 10px #666666; background-image: url(circle.png), url(circle-yellow.png); background-repeat: no-repeat, repeat-x; background-position: 15px 420px, 90px 500px; background-size: 94px 94px, 30px 30px}