Question

我整整一周都在寻找如何做到这一点，但没有用我想创建一个这样的博客设计：http://www.bedinthekitchen.co.uk 背景就像一个框架，内容是白色的.. 当我添加背景时，它会整理整个页面并且内容是透明的。

Answer 1

以下是您发布链接的网站布局的快速重新创建。

<!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>

您可以将身体的背景更改为您想要的任何内容。只要您将所有内容保存在“content”div中，其背景设置为白色，就应该进行设置。

Answer 2

要防止平铺背景，请执行以下操作：

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

DEMO

如何使用白色内容创建博客背景

2 个答案: