-1

我想像这样在我的网站边缘添加一个边框：（我指的是网站左右边缘的灰色边框）

在此处输入图像描述

我正在努力用 CSS 完成这个。我不明白的一件事是如何在白色和灰色之间创建阴影。有人可以帮忙吗？

4

2 回答 2

2

尝试box-shadow容器元素：

.container {
    box-shadow: 0 0 10px 10px #666;
}

根据需要调整大小 (10px)、模糊 (10px) 和颜色 (#666)。

于 2012-10-16T21:39:08.980 回答
2

这是通过一个简单的box-shadow. 演示：http: //jsbin.com/ivugeh/1/edit

<body>

  <div class="page">

  </div>

</body>

body { 
  background: url('http://dovetail-demo.squarespace.com/assets/concrete-texture.png'); 
  padding: 0; 
  margin: 0;
}
.page {
  box-shadow: 0 0 8px 0 rgba(0,0,0,0.2);
  background: #fff;
  width: 400px;
  margin: 0 auto;
  height: 100%;
}
于 2012-10-16T21:40:07.037 回答