插箱阴影在我的情况下不起作用？

Question

div{
    height:100px;
    width:100px;
    background:pink;
     box-shadow: 0px 0px 0px 3px #000;
}

上面的css工作但是当我做盒子阴影时：插入0px 0px 0px 3px＃000;是不行，我也尝试了box-shadow：0px 0px 0px 3px＃000 inset。有什么想法吗？

Answer 1

尝试使用较少数量的参数：

box-shadow: inset 0px 0px 3px #000;

或使用指定的引擎：

-moz-box-shadow:    inset 0px 0px 10px #000000;
-webkit-box-shadow: inset 0px 0px 10px #000000;
 box-shadow:        inset 0px 0px 10px #000000;

Answer 2

box-shadow属性的语法如下：

box-shadow: none|h-shadow v-shadow blur spread color |inset|initial|inherit;

您没有为h-shadow和v-shadow设置任何值。这就是为什么你无法看到阴影的原因 试试这段代码

div {
    box-shadow: 10px 10px 5px #888888;
    height: 100px;
    width: 100px;
}

<div>
</div>