Как применить тень к конкретному краю границы?
Например, у меня есть следующий код:
header nav {
border-top: 1px solid #202020;
margin-top: 25px;
width: 158px;
padding-top:25px;
}
Мне нужна тень (1px 1px 1px #cdcdcd), примененная только к границе.
Какой лучший способ достичь этого?
ИЗМЕНИТЬ
Это, по сути, то, что я ищу
div {
border-top: 1px solid #202020;
margin-top: 25px;
margin-left:25px;
width: 158px;
padding-top:25px;
-webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.75);
box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.75);
}
Тем не менее, на тень, похоже, воздействует наложение. В любом случае, чтобы привязать тень к границе только без корректировки отступов?