在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頂部添加額外邊框

回答

相關問題