- 2007-03-09 (金)
- Movable Type
友人のデザイナーさんに聞きながら
背景にシャドウの画像を入れてみたので
忘れないようにメモ。
ありがとうございました!ヾ(≧▽≦)ノ
headerとcontentとfooterを入れる
もう一つ大きい箱(div)をつくって
それに背景画像をあてればいいよ。
箱の大きさは背景画像の大きさ。
margin-top:0px; margin-bottom:0px; margin-right:auto margin-left:auto;
そうすれば、上から下まで背景画像がつくよ。
とのアドバイスを頂き、任意の画像を用意したあと、
#container{ background-image:url();
width:●●●px;
margin: 0 auto 0 auto;
background-repeat:repeat-y;
}
↑こんな感じでスタイルシートに追加記述する。
その後、index.htmlやらアーカイブやらもろもろを
bodyの下から div id="container" で囲む。
これでOK!