试图在主要内容元素的顶部创建一个纯白色边框

Question

我正在尝试在这个主要内容（.tab-pane）元素的顶部创建一个纯白色10px边框，但无论我尝试什么，我都会不断获得这个盒装轮廓和顶部带有灰色的白色边框在中间和两侧的白色。也许我正试图在错误的元素上做这件事（但我希望它在nav和主要内容之间的nav下面）。 这是我的一些css：

.tab-pane { 
  border-top: 10px;
  border-color: #ffffff;
  border-style: solid;
  border-width: 100%;          
}

Answer 1

试试这个简短的版本

border-top: 10px solid #FFF;

否则，完整代码应为：

border-top-color: #FFF;
border-top-style: solid;
border-top-width: 10px;

Answer 2

查看您的标记，您要定位的区域是id = home，因此如果您在css中为该ID添加白色的背景颜色，则灰色条会消失。所以在stylesheet / css的底部只需添加以下代码。

CSS

#home {
   background-color: white;
}