Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 使用CSS在我的网站边缘添加灰色边框_Html_Css - Fatal编程技术网

Html 使用CSS在我的网站边缘添加灰色边框

Html 使用CSS在我的网站边缘添加灰色边框,html,css,Html,Css,我想在我的网站边缘添加一个边框,比如:(我指的是网站左右边缘的灰色边框) 我正在努力用CSS来完成这项工作。有一件事我不明白,那就是阴影是如何在白色和灰色之间产生的。 有人能帮忙吗?在容器元素上尝试box shadow: .container { box-shadow: 0 0 10px 10px #666; } 根据需要调整大小(10px)、模糊(10px)和颜色(#666)。这是通过简单的框阴影来完成的。演示: 使用Firebug for Fx或Chrome/Opera/IE中的

我想在我的网站边缘添加一个边框,比如:(我指的是网站左右边缘的灰色边框)

我正在努力用CSS来完成这项工作。有一件事我不明白,那就是阴影是如何在白色和灰色之间产生的。
有人能帮忙吗?

在容器元素上尝试
box shadow

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

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

这是通过简单的
框阴影来完成的。演示:


使用Firebug for Fx或Chrome/Opera/IE中的开发者工具,您可以轻松地看到这些内容。请始终确保在您的帖子中直接包含相关代码。
<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%;
}