Я хочу добавить дополнительная граница сверху .menu div. Во-первых, я добавил верхнюю и нижнюю границу, используя тень окна. а затем еще один регулярные границ с использованием границы дно: границы слева: границы справа:Добавить дополнительную границу в верхней части div
теперь я хочу, чтобы добавить рамку рядом с верхней белой каймы (созданной коробчатой тенью) так же, как регулярные границы просто подобный this.
here ссылка на мой текущий прогресс
Вам не нужно указать border-top, border-bottom, border-right, border-left. Просто укажите так: border:1px solid #b8b7b7;. У вас не хватает border-top в вашем 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;
}
Я пробовал это раньше. Здесь проблема в том, что я хочу верхнюю белую границу перед границей: 1px solid # b8b7b7. другие три стороны в порядке. здесь [изображение] (http://imagizer.imageshack.us/v2/800x600q90/835/slgz.jpg) посмотреть, что я хочу делать. PLZ увеличить изображение для лучшего понимания. – Rahat
вот так? используя золотой цвет http://jsfiddle.net/dw4YR/6/ & это для вас используется белый цвет http://jsfiddle.net/dw4YR/7/ .. – Karuppiah
Используйте CSS outline для этого.
Проверить this- JSFiddle
Попробуйте
<!DOCTYPE html>
<html>
<head>
<style>
p
{
border:1px solid red;
outline:green solid thick;
}
</style>
</head>
<body>
<p>Here you go</p>
</body>
</html>
Так же, как для начинающих сказал, что вам не нужно указывать сторону (сверху, справа, слева, снизу), если вы хотите применить эффект для всех сторон, только boder: [styles]; этого достаточно в вашем css.
Вы хотите, как это http://jsfiddle.net/dw4YR/ – Karuppiah