Applying vertical gradient background image to a web page
Change the code in the body tag as follows:
BODY style="background-image: url('Images/grad2.jpg')"
If you are using CSS put the following code in the body portion of your CSS file:
BODY {background-image: url('Images/grad2.jpg')}
To prevent the background image from repeating down and only repeat in ridht direction add this code after the above text:
background-repeat: repeat-x;
so the body tag will be:
And CSS file will be:
BODY {background-image: url('Images/grad2.jpg'); background-repeat: repeat-x }
Current web page is the sample of usage vertical gradient image.
View sample of web page with
vertical gradient background image.