CSS网站背景

时间:2010-10-26 18:26:21

标签: html css

我正在寻找目前用于许多网站的CSS样式的一些信息。它是一种风格,整个屏幕由一个背景占据,网站内容以较小的尺寸张贴在它上面。 像这个网站:http://www.obiweb.com.au/         我们如何实现这样的目标?

2 个答案:

答案 0 :(得分:1)

通过在body标签上使用css background属性可以轻松实现:

body {background:#fff url(image.png) repeat 0 0}

您可以在此处阅读此css属性:http://www.w3schools.com/css/css_background.asp

然后你的body标签中有一个div容器,其宽度和边距设置为auto:

.container {margin:0 auto;width:900px}

希望这有帮助

答案 1 :(得分:0)

他们将背景图片应用于body标记。以下是您在问题中提到的网站使用的CSS:

body {
  background:url("/site/default/images/bg_860.png") repeat-y scroll center center transparent;
}

您可以详细了解background属性及其用途here