如何在 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;
Mozilla 中对此有全面的引用
关于button - 如何在 CSS 中的元素上制作双框阴影？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16451600/