2010-10-26 96 views
-1

我正在尋找一些關於這些天用於很多網站的CSS樣式的信息。它是一種風格,整個屏幕被一個背景佔據,而網站內容在較小的尺寸下被張貼在它的頂部。 像這樣的網站:http://www.obiweb.com.au/ 我們如何實現這樣的事情?CSS網站背景

+0

您是否試過查看該網站的來源? – ceejayoz 2010-10-26 18:31:29

+0

真的嗎?我的意思是......真的嗎? – 2010-10-26 18:39:29

回答

1

這很容易通過使用body標籤的CSS背景屬性來實現:

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

您可以在這個CSS屬性在這裏讀了起來:http://www.w3schools.com/css/css_background.asp

你會再有一個div容器內的具有寬度和邊距設置爲自動身體標記:

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

希望這有助於

+0

謝謝FutureKode :) – t0mcat 2010-10-26 18:34:07

+0

是否足夠接受答案? :) – 2010-10-27 09:36:05

0

他們將背景圖片應用於body標籤。這裏是由你在你的問題中提到的網站使用的例子CSS:

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

你可以閱讀更多關於background屬性及其用途here