To use the gradient background image on your web site, you'll need to set up the style sheet with a background color that matches the bottom portion of your gradient graphic. Your style sheet might contain a line that looks something like:

background: #9c9fab url(images/ gradientbg.gif) repeat-x;

This example shows how the gradient background image integrates with the background color of a web page for a seamless result.

This background image will tile horizontally

Iiome - Microsoft Internet Explorer

File Edit View Favorites Tools Help

File Edit View Favorites Tools Help

background layer

Breakdown of style sheet results

Was this article helpful?

0 0
Learn Photoshop Now

Learn Photoshop Now

This first volume will guide you through the basics of Photoshop. Well start at the beginning and slowly be working our way through to the more advanced stuff but dont worry its all aimed at the total newbie.

Get My Free Ebook

Post a comment