CSS插入和出箱阴影

Question

我需要插入和外部阴影在一个菜单框。

我该怎么做？

这里是我的CSS：

li.menu-list:hover { 
border:solid 0.1rem white; 
background-color: rgba(26, 67, 119, 0.8); 
box-shadow: 0 0 1rem 0.2rem white; 
box-shadow: 0 0 1rem 0.3rem white inset; 
} 

Answer 1

，你将要覆盖原值你不能做到这一点。你应该做的是这样的：

box-shadow: 0 0 1rem 0.2rem white, 0 0 1rem 0.3rem white inset; 

通过增加另一个box-shadow声明，你实际上是重置箱阴影和实现一个又一个，所以只有一个显示出来。 CSS3有很多这些新的选项，它们都可以用逗号将它们分开链接在一起。