创建这个div的最佳方法是什么？

Question

this is the div i want to create

在这种情况下，我有外面的白色背景，我想给我的div（液体）和圆角也有一点点内部阴影效果。我通常创建10 divs warp，内容，4x bar，4x corner with 6 img，当我创建rouned corner divs时，我必须创建10个div和1个盒子的长css我想摆脱这个。任何人都可以帮我一些css和短代码来创建该div。

Answer 1

.box {
width: 250px;
height: 300px;
border-radius:5px;
box-shadow:inset 0 0 6px #333;
}

<div class='box'></div>

http://jsfiddle.net/QmkNE/

应该 - 大致 - 代表你所要求的。请注意，您需要覆盖一些跨浏览器的CSS内容，以使border-radius和box-shadow始终如一地工作。

Answer 2

我强烈建议您使用CSS3创建一个具有不透明度的彩色背景的时尚div。