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:

(vk90pb.jpg) is tiled vertical by the repeat-y expression.
The offset point of the background picture is moved 45 pixels down for 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 filled with the wrapped lower part of the background picture by your browser).

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 ]