我正在尋找一些關於這些天用於很多網站的CSS樣式的信息。它是一種風格,整個屏幕被一個背景佔據,而網站內容在較小的尺寸下被張貼在它的頂部。 像這樣的網站:http://www.obiweb.com.au/ 我們如何實現這樣的事情?CSS網站背景
Q
CSS網站背景
-1
A
回答
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。
相關問題
- 1. 網站背景
- 2. CSS改變背景顏色的網站
- 3. html/css網站頁面背景
- 4. CSS背景網址
- 5. 網站背景圖案的好網站
- 6. 網站背景紋理
- 7. 網站背景被截斷
- 8. HTML網站視頻背景
- 9. 動態CSS背景網址
- 10. CSS背景圖片:網:: ERR_FILE_NOT_FOUND
- 11. CSS3彎曲的背景css或無響應網站的背景圖片?
- 12. 如何使用CSS創建三列網站背景?
- 13. 保持背景圖像在整個網站HTML/CSS一致
- 14. 用於移動網站背景圖片的CSS
- 15. CSS:手機網站的備用背景圖片?
- 16. 根據網站更改css背景圖片
- 17. 如何在網站地圖中設置背景色的CSS
- 18. SVG作爲網站導航的CSS背景條
- 19. css ipad 2在背景上滾動的網站內容固定
- 20. Fieldset背景顏色影響網站背景顏色
- 21. 通過背景表格瀏覽網站背景
- 22. 如何將背景陰影添加到網站背景?
- 23. 半獨特的網站背景概念。視頻作爲背景
- 24. 覆蓋joomla template.php身體背景顏色(網站背景)
- 25. CSS背景
- 26. CSS - 李背景
- 27. 多背景CSS
- 28. JQUERY CSS背景
- 29. 多背景css
- 30. CSS背景蓋
您是否試過查看該網站的來源? – ceejayoz 2010-10-26 18:31:29
真的嗎?我的意思是......真的嗎? – 2010-10-26 18:39:29