Background colour using CSS

[digital wonder]

Hi all, I hope you can help me . I've just started using CSS for my site and
have a few boxes around the place. I would like to have different background
colours in the boxes and would like to have the colour fade from top to bottom
(top being the strongest shade and bottom being the weakest). Is this possible
using CSS and how would it be done?

[Murray *TMM*]

Make a small image that is as long as the fade you want, and about 50px
wide. Set it as the background to the page, and use the CSS style
background-repeat:repeat-x, which will tile the image across the page
horizontally. Make the page's bacground color equal to the end color value
of your fade.

You can use an adaptation of this for any container on the page.

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================

"digital wonder" <webforumsuser@macromedia.com> wrote in message
news:dbj4ln$12f$1@forums.macromedia.com...

> Hi all, I hope you can help me . I've just started using CSS for my site
> and
> have a few boxes around the place. I would like to have different
> background
> colours in the boxes and would like to have the colour fade from top to
> bottom
> (top being the strongest shade and bottom being the weakest). Is this
> possible
> using CSS and how would it be done?
>

[digital wonder]

Thanks for the help Murray. I did as you suggested (I think) but I'm not sure I
did it right. Maybe someone can check it out here ( [url]http://greg.cole.name[/url]
)and see what I'm not doing right. As you can see the effects are as I would
like (using firefox). The blue news bar was set with the background image
property in the stylesheet and seems to have expanded to fill the container.
The green bar was set the same way but also with the suggested
background-repeat:repeat-x and also has the same effect of filling the
container.