How to add an orange background to top of page

Hello I was wondering if anyone can tell me how to add an orange frame to the top of my file. I have attached an image so you know what i'm talking about.



I would like the orange frame to be 35px high. How would I create this in css?

Many thanks for any help.

 

You can create it like this :

HTML :

<div id="top-bar">Content</div>

Code (markup):

CSS Code :

#top-bar {
  background: #EC9522;
  padding: 10px 0 10px 0;
  text-align: center;
  height: 35px;
  overflow: hidden;
}

Code (markup):

Goodluck