EXAMPLE PAGE 1

  [ TO NEXT EXAMPLE PAGE ]

We start with just the <body>, and as you can see the left side is tiled with the border picture by using these CSS lines:

    body {background-image:url(./divpics/vk90pb.jpg);
          background-repeat:repeat-y;
         } 
  
The background picture: left border background picture (vk90pb.jpg)
is vertically tiled by the CSS line:
       background-repeat:repeat-y;
  

If we were to omit this line, the default background-repeat: repeat would be valid, meaning the tiling would be both x (horizontal) as y (vertical), so the whole page would be tiled.

The offset point of the background picture is moved 45 pixels down, to get a seamless joint with the top corner picture (see next page) with the line
    background-position: 0px 45px;
  
(The remaining 45 pixel lines on the top of the border are also filled with the background picture, because the tiling doesn't begin, but is shifted at 45 pixels downwards!)

The background color comes from the line

   background-color: #faebd7;
  
The whole CSS for the background:
      body {background-image:url(./divpics/vk90pb.jpg);
            background-repeat:repeat-y;
            background-position: 0px 45px;
            background-color: #faebd7;
           } 

[ TO NEXT EXAMPLE PAGE ]

(18-12-2006 rev. 29-03-2022)