如何将阴影应用到特定的边框边缘?
例如,我有以下代码:
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);
}
但是,阴影似乎受到填充的影响。无论如何在不调整填充的情况下将阴影单独附加到边框?