我可以在两边都有内心阴影吗？

Question

-moz-box-shadow: inset 3px 0px #BDD4DE;
-webkit-box-shadow: inset 3px 0px #BDD4DE;
box-shadow: inset 3px 0px #BDD4DE;

这会在左侧留下内心阴影。是否有可能在两侧都有内部阴影？

Answer 1

box-shadow接受多个值，因此只需使用-3px偏移重复您的值：

-moz-box-shadow: inset 3px 0px #BDD4DE, inset -3px 0px #BDD4DE;
-webkit-box-shadow: inset 3px 0px #BDD4DE, inset -3px 0px #BDD4DE;
box-shadow: inset 3px 0px #BDD4DE, inset -3px 0px #BDD4DE;

但那些看起来更像边框而不是阴影。也许你应该使用border而不是box-sizing: border-box，以防你无法从宽度或填充中减去：

border-left: 3px solid #BDD4DE;
border-right: 3px solid #BDD4DE;

Answer 2

您也可以像这样使用它

box-shadow:0px 0px 5px Grey

第一个和第二个值是偏移量（使用无偏移量），第三个值是模糊值