css - 嵌入阴影效果

Question

如何用CSS制作这个内阴影效果？

到目前为止我得到了这个http://jsfiddle.net/yX26J/ .如何只在左侧和顶部应用阴影？

Answer 1

您可以更改阴影的偏移量:

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/