Tutorials Point


  HTML Tutorial
  HTML References
  HTML Tools
  HTML Resources
  Selected Reading

Copyright © 2014 by tutorialspoint



  Home     References     Discussion Forums     About TP  

HTML Background Colors & Images


previous next AddThis Social Bookmark Button


Advertisements

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 patterend 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 1x1 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 pattrern -->
<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 pattrern -->
<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.

For more Web Graphics including patterns you can look into Free Web Graphics



previous next Printer Friendly

Advertisements


  

Advertisements