Html 如何创建带有白色内容的博客背景

Html 如何创建带有白色内容的博客背景,html,css,blogger,Html,Css,Blogger,我花了整整一周的时间在寻找如何做到这一点,但毫无结果 我想创建一个这样的博客设计: 背景像一个框架,内容是白色的。。 当我添加一个背景时,它会平铺整个页面,并且内容是透明的。这里是一个非常快速的重新创建您发布链接的网站布局的方法 <!DOCTYPE HTML> <head> <title>Blog</title> <style> body {backgroun

我花了整整一周的时间在寻找如何做到这一点,但毫无结果 我想创建一个这样的博客设计: 背景像一个框架,内容是白色的。。
当我添加一个背景时,它会平铺整个页面,并且内容是透明的。

这里是一个非常快速的重新创建您发布链接的网站布局的方法

<!DOCTYPE HTML>
    <head>
          <title>Blog</title>
          <style>
               body {background-color:#F7D4B0;}
               #content {background: white; width:1100px; height:500px; margin:100px auto;}
          </style>
    </head>

    <body>
         <div id="content">
            <h1 style="text-align:center;">Blog</h1>
            <p style="text-align:center;">Content</p>
         </div>
    </body>

</html>

博客
正文{背景色:#F7D4B0;}
#内容{背景:白色;宽度:1100px;高度:500px;边距:100px自动;}
博客
内容


你可以把身体的背景改变成你想要的任何东西。只要您将所有内容保持在“content”div中(背景设置为白色),就应该设置为

要防止背景平铺,请执行以下操作:

html{
    background: #fff ("../image/mybackgroundimg.jpg") 0 0 no-repeat fixed;
    background-size:cover;
}

给出背景:白色;知足;像这样隐藏页面背景?我怎样才能避免在顶部有太多的背景呢?如果你看边距:20px自动;在容器中,20px意味着白色容器将从顶部向下20px,并将其下的所有东西也推20px。您可以增加或减少此数字。如果你的意思是你想在容器中显示较少的白色,那么你需要调整的是填充物。