ここでは黄色の円を描いた画像(circle-yellow.png)を用意して、STEP5-8の緑色の円を描いた画像(circle.png)といっしょに<div id="container">の背景画像として表示します。黄色の円を描いた画像も150×150ピクセルの大きさで作成してありますので、記事のヘッダー部分に合わせて表示位置や大きさを調節し、緑色の円の右下に小さく表示するように設定します。
緑色の円を描いた画像
circle.png
(150×150ピクセル)。
黄色の円を描いた画像
circle.png
(150×150ピクセル)。
緑色の円を描いた画像のみを背景画像として表示したもの。
緑色と黄色の円を描いた画像をそれぞれ背景画像として表示したもの。
Internet Explorer 8以下は複数の背景画像の表示には未対応です。