-webkit-box-shadow (в последнем Webkit) и -moz-box-shadow поддерживают "внутренние" тени вместе с inset командой. Также имеется возможность указать несколько теней через зяпятую.

Чтобы получить такую картинку, достаточно написать следующее:

   1: div.box {
   2:    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.20), rgba(0,0,0,0.12) 0px 0px 10px inset;
   3:    -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.20), rgba(0,0,0,0.12) 0px 0px 10px inset;
   4:    -webkit-border-radius: 10px;
   5:    -moz-border-radius: 10px;
   6:    border: 1px solid #fff;
   7:    padding: 6px;
   8:    width: 200px;
   9:    background: #fff;
  10: }