Posts Tagged ‘html background image code’

HTML Background


There are two ways to decorate your web page background.

Patterned & Transparent Backgrounds:

You might have seen many pattern or transparent backgrounds on various websites. This simply can be achieved by using patterned image or transparent image in the background.

It is suggested that when creating patterns or transparent gifs, use the smallest dimensions possible even as small as 1×1 if you can. Larger files load slow and inhibit the load time of your sites.

Here are the examples to set background pattern of a table.

<!– How to set a table background using pattern –>

<table background="/images/pattern1.gif" width="100%" height="100">

<tr><td>

This background is filled up with a pattern image.

</td></tr>

</table>

<!– Another example on table background using pattern –>

<table background="/images/pattern2.gif" width="100%" height="100">

<tr><td>

This background is filled up with a pattern image.

</td></tr>

</table>

This will produce following result:

 

This background is filled up with a pattern image.

This background is filled up with a pattern image.

 

Designed for Mytoptutorials.com