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

如何在CSS中的元素上同时生成内部阴影（顶部）和外部阴影

Facebook在其移动应用程序中使用的按钮包括：

• 按钮顶部有一条轻微的白线
• 按钮底部有一条白色的细线
• 有坚实的边界

---

您可以使用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;

关于这一点，本手册有全面的参考资料