如何使横幅和CSS菜单成为特定的颜色,其余颜色是不同的颜色?

时间:2014-07-27 01:49:15

标签: html css banner

所以,我不知道如何解释这个问题。我的网站在顶部有一个横幅(它是一张图片),然后在横幅下方有一个菜单,我希望上面的菜单有一个深灰色的背景,其余部分是一个非常浅灰色的背景。我该怎么做?

这就是我的网站布局目前的样子(原谅可怕的艺术):enter image description here

这就是我想要网站的样子:(注意背景颜色) enter image description here

1 个答案:

答案 0 :(得分:0)

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

<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>

和my.css

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