Is it possible to change the background color of a webpage halfway down the page?

Question

I'd like the top part of my page to have an orange background and the bottom part to have a green background. How can I do this?

Answer 1

Set the background colour for the whole page as green (example #006633).

Then create an orange image that is the exact height of the part you want orange and make it 5px wide (example) and have it repeat across the width of the page.



In the code I have set the background of the page to green, then told the page that it will have an image over the top of that and that the image will repeat horizontally.

This code either needs to be an a style sheet or placed in the tags of your html page.

There are a few different ways this can be done though.

Answer 2

Hi, Visual C# Language Concepts Code: Changing the Background Color of a Form (Visual C#) This example changes the background color of a Windows Form programmatically. Example Copy Code private void Form1_Click(object sender, System.EventArgs e) { this.BackColor = System.Drawing.Color.DarkBlue; } Compiling the Code This example requires: A form named Form1. Set Form1's Click event handler to Form1_Click.

Answer 3

Create a table with two section - top half and bottom half. Just a different background color in each half.

Answer 4

You an create an image that is 1 px wide by howerever high you pages are and
then add



to the page to have it repeted along the width of the page. this way saves bandwith

Answer 5

Use Frames or Tables .
For gradient changes use GIMP/Photoshop and set background image.

Normally , you would want to create an image and set it as background of your webapp.

Answer 6

If you want a gradual (gradient) change, use Photoshop.