创建一个CSS菜单栏

Question

我在photoshop中创建了一个菜单栏，并希望在我的网站设计中使用它。 虽然我想用CSS完全建立我的网站，

菜单栏只是一个灰色的盒子1920 X 100px，在PS周围有一个边框，我想保留这个边框。所以我从我的PS设计中获取了10px宽的片段，我可以在CSS中使用我的菜单栏。

唯一的问题是我不知道如何将10px的片段复制到整个1920宽度的菜单栏中。

请问我可以使用我可以用来执行此操作的代码。

提前谢谢

非常感谢你们的答案！

http://imgur.com/d3ewSpO

他是我想要的边界

Answer 1

如果菜单栏只是一个带边框的灰色框，请执行以下操作：

的更新：

<强> HTML：

<div id="menubar"></div>

<强> CSS：

#menubar {
   width: 1920px;
   height: 100px;
   background: #353535;
   border: 12px groove;
   border-color: gold;
 }

Here's a Fiddle

Answer 2

这样的事情？

http://jsfiddle.net/7LQeA/

HTML：

<div class="menu"></div>

CSS：

.menu {
    width:100px;
    height:1920px;
    background-color:lightgrey;
    border:solid 1px black;
}