css - 我可以在两边都有一个内阴影吗？

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;

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

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

Answer 2

你也可以这样使用

box-shadow:0px 0px 5px Grey

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