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上的模糊量以实现不同的外观。