我可以在雙方都有內陰影嗎？

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

這會在左側放置一個內部陰影。雙方是否有內在的影子？我可以在雙方都有內陰影嗎？

來源

2012-06-30 Shamoon

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-30 00:51:57 BoltClock

另請參閱：[CSS3 box-shadow：inset可以只做一兩面嗎？像邊框？]（http://stackoverflow.com/questions/5917412/can-css3-box-shadowinset-do-only-one-or-two-sides-like-border-top）（使用邊框更多適用於此，因爲你根本不模糊陰影） – BoltClock

您也可以使用這樣的

box-shadow:0px 0px 5px Grey

第一和secod值偏移量（使用無偏移量），第三個值是模糊值

來源

2012-06-30 18:56:26

他不想模糊它... – BoltClock

他沒有說 –

我可以在雙方都有內陰影嗎？

回答

相關問題