插入框陰影不適用於我的情況？

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>