Html 在div的顶部添加一个额外的边框

Html 在div的顶部添加一个额外的边框,html,css,Html,Css,我想在.menu div的顶部添加一个额外的边框。 首先,我添加了顶部和底部边界使用框阴影。然后使用另一个常规边界 边框底部: 左边框: 边界权: 现在,我想在顶部白色边框(由框阴影创建)旁边添加一个边框,与常规边框相同,如下所示 是我当前进度的链接 您不需要指定边框顶部,边框底部,边框右侧,边框左侧。只需指定如下边框:1px solid#b8b7b7。css中缺少边框顶部 .menu_area { width:960px;margin:0 auto;height:42px;bo

我想在.menu div的顶部添加一个额外的边框。 首先,我添加了顶部和底部边界使用框阴影。然后使用另一个常规边界 边框底部: 左边框: 边界权:

现在,我想在顶部白色边框(由框阴影创建)旁边添加一个边框,与常规边框相同,如下所示

是我当前进度的链接

您不需要指定
边框顶部
边框底部
边框右侧
边框左侧
。只需指定如下
边框:1px solid#b8b7b7。css中缺少
边框顶部

.menu_area
    {
    width:960px;margin:0 auto;height:42px;box-shadow: 0 -4px 0 -3px #FFFFFF, 0 4px 2px -2px#ededed;
    border:1px solid #b8b7b7;
    }

为此,请使用css
outline

检查此项-

尝试此项

<!DOCTYPE html>
<html>
<head>
<style>
p 
{
border:1px solid red;
outline:green solid thick;
}
</style>
</head>

<body>
<p>Here you go</p>
</body>
</html>

P
{
边框:1px纯红;
轮廓:绿色坚实厚实;
}
给你


正如初学者所说,当您想将效果应用于所有面时,不需要指定面(顶部、右侧、左侧、底部),只需boder:[style]在你的css中已经足够了。

你想要这样吗?我之前已经试过了。这里的问题是,我希望在边框之前使用顶部白色边框:1px solid#b8b7b7。另外三面可以。这里是我想做的视图。请放大图像以便更好地理解。像这样吗?使用金色&这是为您使用白色。。