|
Creating Table
by David K. Small
This table is made with various images which give it round corners and sides which will blend into a black background (changed to blue here so you can see the black part of each image). These images are placed within the table rows and cells - shown here with space between them so you can see the individual areas.
What you might find even more interesting is the sides are not long images at all. Each side is an image only 10x10 pixels, repeated the length needed to meet the corners (due to the varying amount of text and the width of your browser window). Each image could be even smaller, and achieve the same effect, but that just happened to be the size I felt like creating them.
Right side image: 
Left side image: 
Top edge image: 
Bottom edge image: 
And of course there are the four corner images.
By the way, this blue area is a table too.
|
The darker blue area below is created this same way, using blue and black images instead of white and black.
|