box-shadow同一div上的inset和outside-box-shadowbothinsetandoutsideonsamediv

41  

You need to use comma to separate both shadows: http://jsfiddle.net/gryzzly/CWuw8/3/ You also need to add browser-specific prefixes in order for this to work everywhere it's supported:

您需要使用逗号分隔两个阴影：http：//jsfiddle.net/gryzzly/CWuw8/3/您还需要添加特定于浏览器的前缀，以便在支持的任何位置使用它：

div {
  -webkit-box-shadow: 
    10px 10px 10px #000, 
    inset 0 0 10px #000;
  -moz-box-shadow: 
    10px 10px 10px #000, 
    inset 0 0 10px #000;
  -o-box-shadow: 
    10px 10px 10px #000, 
    inset 0 0 10px #000;
  box-shadow: 
    10px 10px 10px #000, 
    inset 0 0 10px #000;
}

And you must also specify color for you shadow in order for it to be seen.

并且您还必须为阴影指定颜色才能看到它。

3  

Using CSS3 you can have multple box shadows just by seperating them by commas eg:

使用CSS3，你可以通过用逗号分隔多个盒子阴影，例如：

box-shadow: 10px 10px 10px, 0 0 10px inset;

You can have as many as you want.

你可以拥有任意数量的东西。

0  

Updated your fiddle for you: http://jsfiddle.net/CWuw8/4/

更新了你的小提琴：http：//jsfiddle.net/CWuw8/4/