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

这会在左侧放置一个内部阴影。有可能两边都有内影吗？

4

2 回答 2

3

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;
于 2012-06-30T00:51:57.590 回答
0

你也可以这样使用

box-shadow:0px 0px 5px Grey

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

于 2012-06-30T18:56:26.050 回答