我想将页面的内容添加到背景的一部分。也就是说,我想在主要内容的两侧保留2个未使用的区域列。像这样,您可以在主要内容的两侧看到 2 个未使用的蓝色区域。还可以看到阴影效果。因此,输入内容的主要白色背景区域必须是图像。
我如何实现这些目标?
我需要知道如何在屏幕上看到的整个页面上实际放置另一张纸。(我指的是链接中的 2 个未使用的列)。
开发人员工具(IE 和 Chrome 中的 F12)是一个了不起的东西。
例如,如果您尝试使用它们,您会看到身体有:
margin: 2em 3% 10em;
box-shadow: 0px 0.3em 1em #000;
该html
元素具有:
background-color: rgb(220, 227, 230);
而且,就像魔法一样,主要内容上有一个“蓝色”背景和阴影。惊人的。
还可以看到阴影效果。因此,输入内容的主要白色背景区域必须是图像。
嗯……不。阴影可以box-shadow
在主要区域使用。您可以使用margin: 25px auto;