html - 如何为网页的顶部栏和主体制作两种不同的背景？

Question

我有一个顶部栏，例如 Facebook 或 StackExchange 或 Twitter 的屏幕顶部，我希望它具有与页面其余部分(下面的内容/主体)不同的背景。我该如何做到这一点？

Answer 1

你可以使用这段代码:

<div id="topbar">

</div>

而且你可以使用 Position:fixed; 就像 twitter 的顶部栏一样

body{
    background: green;
}

#topbar{
    width:100%;
    background-color:blue;
    height:80px;
    position:fixed;
}