如何在HTML / CSS中创建页面的中心背景？

Question

我想将页面内容添加到后台的一部分。 也就是说，我想在主要内容的两侧保留2个未使用的区域列。 像这样的东西，你可以在主要内容的两边看到2个未使用的蓝色区域。 还有一个阴影效果。 因此，输入内容的主要白色背景区域必须是图像。

我如何实现这些目标？

我需要知道如何在屏幕上看到的整个页面上实际放置另一张纸。 （我指的是链接中的2个未使用的列）。

Answer 1

开发者工具（IE和Chrome中的F12）是一件了不起的事情。

例如，如果你尝试使用它们，你会看到身体有：

margin: 2em 3% 10em;
box-shadow: 0px 0.3em 1em #000;

并且html元素具有：

background-color: rgb(220, 227, 230);

并且，就像通过魔术一样，主要内容上存在“蓝色”背景和阴影。 惊人。

Answer 2

还有一个阴影效果。 因此，输入内容的主要白色背景区域必须是图像。

嗯......不。 可以使用主区域上的box-shadow阴影来完成box-shadow 。 您可以使用margin: 25px auto;使主区域居中margin: 25px auto;