如何在CSS中的元素上创建双框阴影？

Question

如何在CSS中的元素上创建内部阴影（顶部）和外部阴影？

Facebook在其移动应用程序中使用的按钮具有：

• 按钮顶部有白线，
• 按钮底部有一条白线。
• 带有实线边框

Answer 1

您可以使用css3 box-shadow来获得所需的效果。一个简单的例子

box-shadow: 0 0 3px #666;
-moz-box-shadow: 0 0 3px #666;
-webkit-box-shadow: 0 0 3px #666;

此外，您可以指定inset属性以获得内在的光芒。

box-shadow: inset 0 0 3px #666;

Mozilla

对此有全面的参考