在div顶部添加额外边框

我想在.menu div顶部上添加额外边框。首先，我使用box-shadow添加了顶部和底部边框。然后使用其他常规边境底部边框：左边框：右边框：在div顶部添加额外边框

现在我想添加下一个顶白色的边框（通过的box-shadow创建）的边界一样经常边境仅如this。

here是指定border-top，border-bottom，border-right，border-left你不需要的链接，我目前的进展

来源

2014-01-17 Rahat

你想要这个吗？http://jsfiddle.net/dw4YR/ – Karuppiah

FIDDLE

。只需指定像这样border: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; 
    }

来源

2014-01-17 10:20:42 Karuppiah

我已经尝试过这一点。这里的问题是，我想边界之前的顶部白色边框：1px固体＃b8b7b7。其他三方都可以。这里是[image]（http://imagizer.imageshack.us/v2/800x600q90/835/slgz.jpg）查看我想要做什么。 plz放大图像以便更好地理解。 – Rahat

是否这样？使用金色http://jsfiddle.net/dw4YR/6/＆这是给你使用白色http://jsfiddle.net/dw4YR/7/ .. – Karuppiah

这个使用CSS outline失踪border-top。

检查这 - JSFiddle

来源

2014-01-17 10:20:49 arifix

试试这个

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

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

来源

2014-01-17 11:04:30

就像初学说，你什么时候要应用并不需要指定侧（顶部，右，左，下）效果到各方，只需boder：[styles];在你的CSS中已经足够了。

来源

2014-01-17 11:40:39 Marco

在div顶部添加额外边框

回答

相关问题