减少正文宽度并添加HTML背景_Html_Background_Width

减少正文宽度并添加HTML背景

html

减少正文宽度并添加HTML背景,html,background,width,Html,Background,Width,我试图通过将身体放在一个容器中来缩小身体的宽度，这样我可以看到身体两侧的两条条纹，我假设这是我的HTML的背景以下是我想要的示例： .. 当扩展窗口时，您可以看到正文只占据页面的中间，然后您可以看到HTML的背景我应该调整身体或容器的边距或填充物吗？您可以使用section或div标签来调整边距或填充物，如您提供的示例所示比如说, <body> <div> ..Your Content.. </div> </body> 页边

我试图通过将身体放在一个容器中来缩小身体的宽度，这样我可以看到身体两侧的两条条纹，我假设这是我的HTML的背景

以下是我想要的示例： .. 当扩展窗口时，您可以看到正文只占据页面的中间，然后您可以看到HTML的背景

我应该调整身体或容器的边距或填充物吗？

您可以使用section或div标签来调整边距或填充物，如您提供的示例所示

比如说,

<body>
  <div>
    ..Your Content..
  </div>
</body>

页边距：0自动将使HTML元素居中并防止其拉伸。在您提供的网站中，作者使用了一个节而不是div

如果你想让你的网站反应迅速，我建议你使用引导

此外，避免将内容放在正文标记之外。正文标记之外的内容不是有效的HTML

根据您提供的网站的实现情况，您应该在上添加背景，并在容器上添加右/左边距。因此，我在我的上添加了白色背景，在我的上添加了灰色背景。然后我在背景的左右两侧加了-30%的边距，但我仍然看不到背景的灰色。。。现在右边比左边宽多了，在我的英雄的一边，两边都有正的边距。负边距会将容器的边缘推离屏幕，这与您想要的正好相反。我试试这个！！非常感谢！！：

div{
  width: /*your specified width here*/
  margin: 0 auto
}