Question

我想在.menu div的顶部添加额外的边框。首先，我使用box-shadow添加了顶部和底部边框。然后使用另一个常规边界底部边框：左边框：右边框：

现在我想在顶部白色边框（由box-shadow创建）旁边添加边框，与常规边框相同，就像this一样。

here是我当前进度的链接

Answer 1

您无需指定border-top，border-bottom，border-right，border-left。只需像这样border:1px solid #b8b7b7;指定即可。您的css中缺少border-top

.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;
    }

Answer 2

使用css outline。

选中此项JSFiddle

Answer 3

试试这个

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

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

Answer 4

就像初学者说的那样，当你想要将效果应用到所有方面时，你不需要指定侧面（顶部，右侧，左侧，底部），只需 boder：[styles]; 在你的CSS中就足够了。

在div的顶部添加额外的边框

4 个答案: