Home/ Questions/Q 7926541
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-03T18:49:02+00:00

I have a page having a background image for <body> . The image may

  • 0

I have a page having a background image for <body>. The image may only stay bottom of the page and visible across x and I don’t want it repeat whole body across x and y.

The image looks something like below;

Tile

I want this image to tile over x, but want to repeat from both sides left and right. The image may start from both left and right sides;

Structure

In between them is the content <div> By doing this, the image may be look as if it has width of whole page. I can simply do this using repeat-x, but it will create some incomplete tile portion at the end portion.

The completed page may look something like image below;

enter image description here

Is this possible with CSS? I think you get what I am talking about. If you want extra information, just comment.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can write like this:

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