li作为背景的相同边界

Question

我有导航菜单，我想以某种方式实现与背景相同的边框，但是当我尝试时，框阴影不能达到我想要的效果。

这就是我想要的

有人可以看一下小提琴http://jsfiddle.net/fmB5R/1/

border-bottom: 1px solid rgb(48, 48, 48);
box-shadow:0 0 18px rgba(0,0,0,0.6); 

Answer 1

使用box-shadow的{​​{3}}属性来实现这一效果：

  box-shadow:inset 2px 0 4px rgba(0,0,0,0.6); 

小提琴：inset