背景上的背景，周围的内容

Question

所以，我尝试了一些html / css / js / jquery编码，并且现在几天都在寻找答案。我试图建立一个干净的网站，基本上想知道如何做到这一点：

我的惊人的绘画技巧试图解释的是如何在内容周围/后面做“边框/背景”。不是蓝白色背景而是浅灰色背景。一直试图使用和使用CSS边界/宽度/高度等但似乎无法正常工作。就像它应该使用菜单栏自动缩放，如图中所示。感谢任何输入。

Answer 1

试试这个：

小提琴：http://jsfiddle.net/CGqa5/1/

CSS

.outer{
width: 200px;
height: 200px;
background: #999999;
border-radius: 10px;
padding: 10px;
}
.inner{ 
width: 100%;
height: 100%;
background: #ffffff;
}

HTML

<div class="outer">
  <div class="inner">
    CONTENT
  </div>
</div>

Answer 2

使用box-shadow你只需要在你的CSS中添加一行！

box-shadow: 0px 0px 5px 5px #888888;

小提琴：http://jsfiddle.net/3vVZQ/