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