2012-05-11 8 views
1

<body>の背景イメージを持つページがあります。画像はページの一番下に残り、xを横切って見ることができ、xとyにまたがって全身を繰り返すことは望ましくありません。開始ページの背景を両側から下に - CSS

イメージは次のようになります。

Tile

私は、x以上のタイルにこのイメージをしたいが、左右両側から繰り返したいです。画像は、左右両側から開始することができます。それらの間で

Structure

これにより、コンテンツ<div>で、画像は、ページ全体の幅を持っているかのように見えるかもしれません。私は単にrepeat-xを使ってこれを行うことができますが、それは最後の部分に不完全なタイル部分を作成します。

完成したページは次のような画像になります。

enter image description here

は、CSSでこれは可能ですか?私はあなたが私が話していることを得ると思います。余分な情報が必要な場合は、コメントしてください。

答えて

1

あなたはこのように書くことができます。

div{ 
background:url(image1.jpg) repeat-x bottom left,url(image1.jpg) repeat-x bottom right; 
} 
+0

1 @sandeepが、どのように私は色を追加することができますか? –

+0

このように書いてくださいbackground-color:red; – sandeep

+0

上記のコードと一緒に動作していません。完全なコードをテストしましたか? –