Home » , » HTML Table Background Image

HTML Table Background Image

HTML tables are displayed within a web page to neatly align content. They can contain image backgrounds, colored backgrounds, borders of different sizes, and an unlimited number of rows and columns.

In this example, t
he HTML table below contains 2 columns and 1 row. The left column contains the image. The original image appears below to enable you to see the actual size.

This is an example of an HTML table with an image background. This HTML table has 2 columns and 1 row.


<TABLE BORDER="0" CELLPADDING="4" ALIGN="Center" WIDTH="50%">
<TR>
<TD BACKGROUND="bg.gif" WIDTH="10%"></TD>
<TD BGCOLOR="#EAE8E8"></TD>
</TR>
</TABLE>
Edit the text indicated in bold to suit your needs.

This is the actual image used within the above table:


Notice how the image duplicated itself to fill the table's background? Keep this in mind when creating your own image. 

If you'd like to use the above image as an example to assist you in creating your own image, you're welcome to copy it.

Here's how:

Place your mouse pointer over the image above and right click on your mouse. Go to 'Save Picture As' - a window will load and enable you to select the folder on your computer in which you'd like to save the image.
Share this article :

0 comments:

Post a Comment

 
Copyright © Online Business - All Rights Reserved
Proudly powered by Blogger