如何將陰影應用於特定邊界邊緣?只將陰影應用於邊框頂部?
例如,我有以下代碼:
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);
}
然而,陰影似乎是由填充受到影響。無論如何,無需調整填充就可以將陰影貼在邊框上嗎?
基本上,是的。 但是,我需要它在邊界的底部。這可能嗎? – AMC 2012-03-20 18:49:26
啊,那很好。我編輯了danblundell的小提琴,以使用使插入陰影的'inset'屬性。看看這個:http://jsfiddle.net/FrEnY/4/這比我之前使用:: before的其他建議更簡單。 – 2012-03-21 22:02:25