嵌入阴影效果

可以使用以下选项更改阴影的偏移:

div {
    width:80px; height:110px;
    background:#3183bd;
    -moz-box-shadow: inset 1em 1em 1em -1em #111;
    -webkit-box-shadow: inset 1em 1em 1em -1em #111;
    box-shadow: inset 1em 1em 1em -1em #111;
}

http://jsfiddle.net/ga6cy/4/

关键是要使用inset。它在所有最新版本的支持Box Shadow的浏览器中都得到支持:

div.box {
  box-shadow: inset 10px 10px 10px #000000;
  -moz-box-shadow: inset 10px 10px 10px #000000;
  -webkit-box-shadow: inset 10px 10px 10px #000000;
}

此页引用了浏览器支持: https://developer.mozilla.org/en/CSS/-moz-box-shadow

前几天我也有同样的问题。

我很确定不可能定义“上”“左”“下”“右”,这很遗憾。