HTML&；CSS背景_Html_Css - Fatal编程技术网

HTML&；CSS背景

html css

HTML&；CSS背景,html,css,Html,Css,我对CSS相当陌生，我想知道如何实现这一点：我正在写一个页面，中间显示一个表单（用黑箱表示）。我希望它有白色背景，将重叠的身体背景（由红线表示）查看此站点以获取示例图像。（很抱歉，我无法在线发布）多谢各位去读一本像《CSS精通》这样的书。一旦你了解了一些基本知识，能够解释你尝试了什么，并且在第一时间有了提问的基础，然后寻求帮助。你可以为元素提供一些样式，背景可以是颜色、图像等 CSS: Html: 我的页面！走开！内容！也许不是你所期待的欢迎，但是弗兰克说的有道理。如果你不要求他

我对CSS相当陌生，我想知道如何实现这一点：

我正在写一个页面，中间显示一个表单（用黑箱表示）。我希望它有白色背景，将重叠的身体背景（由红线表示）

查看此站点以获取示例图像。（很抱歉，我无法在线发布）

多谢各位

去读一本像《CSS精通》这样的书。一旦你了解了一些基本知识，能够解释你尝试了什么，并且在第一时间有了提问的基础，然后寻求帮助。

你可以为元素提供一些样式，背景可以是颜色、图像等

CSS:

Html:


我的页面！走开！
内容！

也许不是你所期待的欢迎，但是弗兰克说的有道理。如果你不要求他们为你做所有的工作，社区的反应会更好。试着把你目前拥有的东西贴出来，不管你认为它有多糟糕。@Mike-画一幅画比大多数画都好！从你知道的开始是个不错的主意，我的第二个尼克-有些人一开始什么都不知道，所以用户需要什么编程知识？人们有时需要从头开始。这不仅仅是对大师们来说，成为一个如此优秀的用户不需要任何程度的知识，但要想不成为（或看起来是）一个帮助吸血鬼，还需要一定程度的努力。我不同意——我从实验和阅读网络文章中学到了我所有的css。我不介意给用户一个快速的提升，让他们启动并运行。一旦他们看到足够多的例子，他们就会明白这些概括性是如何运作的，并自己进行实验。@Frank-如果你写的东西没有用，为什么还要费心回答呢？我不同意否决票。一本书的推荐增加了讨论的内容。现在，这可能对这个家伙的直接问题没有帮助，但在我看来，即使这不是最好的答案，如果海报有兴趣深入挖掘，也会有所帮助。我唯一的意见是，如果你要发布一本推荐书，请在其中添加一个链接。尤瓦尔：如果你还没有读过一整本关于CSS的书，很可能你错过了很多关于CSS的大图。在过去的5年左右的时间里，我试着死记硬背，最后拿起一本书，从头读到尾。我不认为我的建议是无用的。这是提问者应该做的。使用两个div似乎有点过分。“border:50px solid#FFF；”有什么问题？@kloffy-如果是我，我希望在那个空间中有一个图像，稍后用这个选项开始：）我想这总是取决于需要多少灵活性。我的观点是，只要没有真正的理由，就不要使HTML的结构过于复杂。不过，详细的回答很好！

body { /* Red Lines Here */
  background: #990000;
}
#outer { /* White box Here */
  background: #ffffff; /* White */
  width: 900px; /* Total width will be 1000px once you include padding */
  padding: 50px; /* White border around black box, this is padding on all sides */
  margin: 0 auto; /* Centering it */
}
#inner { /*Black Box Here */
  background: #000000; /* Black */     
  color: #ffffff; /* White Text so you can see it */ 
}

<html>
  <head>
    <title>My Page! Step off!</title>
  </head>
  <body>
    <div id="outer">
      <div id="inner">
        Content!
      </div>
    </div>
  </body>
</html>