html - 图像按下效果 -- CSS

Question

我想知道如何实现图标看起来“压入”页面的以下效果(Mozilla 起始页)。这是可以用 CSS 完成的事情，还是这纯粹是一个 photoshop 操作，背景颜色恰好匹配？

Answer 1

这应该可以解决问题，随意使用您认为合适的颜色:

div {
    box-shadow: 0 1px 1px 0 #C7C7C7 inset;
    background: none repeat scroll 0 0 #E9E9E9;
}