- ベストアンサー
3種類の背景の設定(CSS)
スタイルシートで左、中央、右側で3種類の背景を設定したいと思っています。 左と右は同じ画像で中央は白としたいです。 (チェック画像の間に白い領域を作りたいです。) どのようにCSSで設定すれば良いでしょうか？ よろしくお願いします。
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
noname#83877
回答No.2
サイトの横幅を固定で作っているなら、body内の要素を全てdivで囲って以下の指定をします。 <body> <div id="WRAPPER"> 内容 </div> </body> html,body { height:100%; } #WRAPPER { height:auto !important; height:100%; min-height:100%; background:url(image.jpg) repeat-y center 0; } #WRAPPERの背景画像の指定のところで、左右がチェック、中央が白の画像を縦方向にリピートさせる指定をします。 画像は上下が繋がることを考えて作る必要があります。
その他の回答 (1)
- koke29
- ベストアンサー率58% (114/196)
回答No.1
左・中央・右にそれぞれBOXを設けてるんですよね？ そこにそれぞれ背景指定すればいいのではー #left {background-image:url(左右の背景);} #center {background-color:#FFFFFF;} #right {background-image:url(左右の背景);}
