How do you make the banner and CSS menu a specific color, and the rest a different color?

Question

So, I don't know how to explain this really well. My website has a banner (it's a picture) at the top and then a menu underneath the banner, and I want the menu and above to have a dark gray background, with the rest a really light grey background. How would I do this?

This is what my website layout currently looks like (excuse the horrible art): enter image description here

This is what I want the website to look like: (notice the background colors) enter image description here

You should add some code with the basic layout so we can help you better :) try jsfiddle.com — Jaime Gómez, Jul 27 '14 at 01:55
Just use the basic [`background-color`](http://www.w3schools.com/cssref/pr_background-color.asp) css attribute. — jdepypere, Jul 27 '14 at 02:01

score 0 · Answer 1 · edited Jul 27 '14 at 02:14

<html>
  <body>
    <div style='background:#123'>
      your banner
    </div>
    <div style='background:#567'>
      your text
    </div>
  </body>
</html>

or

<html>
  <head>
    <link rel=stylesheet type="text/css" href="my.css">
  </head>
  <body>
    <div class='banner'>
      your banner
    </div>
    <div class='main'>
      your text
    </div>
  </body>
</html>

and in my.css

.banner {background:#123}
.main {background:#456}

How do you make the banner and CSS menu a specific color, and the rest a different color?

1 Answers1