css3邊框和箱子陰影效果

Question

我不知道如何，但我想做一個邊框，並用box-shadow將第二個較亮的圖層添加到該邊框，爲整個事物添加深度，就像在此圖像中一樣。

任何建議，因爲它可以怎麼做？左邊界是我想要實現的。

Answer 1

你可以嘗試這樣的事情，使用box-shadow：

body { background: #555; } 
div { 
    background: #666; 
    border: 1px solid #393939; 
    box-shadow: inset 0 0 1px #999; 
    width: 200px; 
    height: 150px; 
    margin: 20px; 
    border-radius: 4px; 
} 

http://jsfiddle.net/2n2RE/

根據需要然後，只需調整顏色值。您還可以更改box-shadow上的模糊量以實現不同的外觀。