# id=wrapのcss装飾

この左画面を左クリックすれば以下の緑字のスクリプト全部がクリップボードにコピーされるので、右の画面の緑の矢印の右側で選択したところに貼り付けてください。

    div#wrap {
    	position: absolute;
    	left: 50%;
    	width: 770px;
    	height: 700px;
    	margin-left: -385px;
    	background:url("./images/wrap.gif") repeat-y;
    }

では「制御」→「実行」メニューを実行してください。
左右に影がある背景が縦に700ピクセル繰り返し描画しました。
position: absoluteをセットする事でleftの位置を反映できるようになりました。
左からの位置を真ん中にして、幅の半分だけ左余白を-385ピクセル移動したら背景が左右中央になりました。
backgroundをrepeat-yでY(縦方向)にリピートしました。

### 次へ