給網頁添加背景圖片
分類:東莞網站建設  日期:2013-8-2  瀏覽:次  點擊返回
標簽: 網站建設基礎知識 網站色彩  文章來源:洪福科技
通常我們在打開QQ空間或網上提供一些博客空間時,都會看到大部分的網頁加上了漂亮的背景圖片。從而讓網站增色不少,配一動畫、音樂,一個完美的場景主題就出來,把網站烘托得有聲有色。
 
那在實際中,我們是如何給網頁加上背景呢,如何讓爽心悅目的背景圖為我所用呢?其實很簡單,洪福科技手把手,讓您的網站與從不同。
 
 
背景圖片添加的代碼如下:
 
方式一、新建一個頁面,插入表格或DIV,設置背景圖片,如果是dreamweaver做為編輯工具的話,頁面屬性里有一個設置網站背景的選項,選擇您準備好的圖片就可看到了
 
方式二、用CSS樣式定義:.bk{background:url(背景圖片名稱) center no-repeat fixed; },寫好樣式后,在<body class=bk>;當然也可以直接設置body屬性,即body{ background:url(背景圖片名稱) center no-repeat fixed; },這樣就不用再用class了。
 
方式三、直接在body里面定義:<body background=網頁背景圖片地址>
 
我們在定義網頁頁面背景時,常常離不開以下幾個參數,下面就說說網頁背景圖代碼的具體釋義:
 
background-image:url(背景圖片地址) ;
background-repeat: no-repeat;定義背景圖片不重復或按X、Y軸方向平鋪
background-position: center;定義背景居中、居左或居右
background-attachment: fixed; 定義背景圖片的滾動或固定
 
在寫樣式時我們可以按需簡寫,不用給出代碼的完整寫法,以減少容量。還在一個需要注意的是,我們用純色的圖片來做背景時,盡量用顏色代碼來替換,可以減少http請求,加快打開速度。即用bgcolor來換background.
 
以上幾種方式,就是如何給網頁添加背景圖片或背景顏色。當然我們在給其中一個區域加背景時,也是采用這種方式,只是把樣式定義到指定的對象上即可。

域名注冊 |  企業郵箱 |  虛擬主機 |  網站設計 |  網站建設報價 |  網站推廣 |  網站建設 |  聯系我們 |  Sitemap

洪福科技是東莞正規網頁設計公司,提供東莞建站、網絡推廣、企業郵箱、域名注冊和虛擬主機服務,專注于中小企業網站建設和網絡營銷服務,共享網絡開放平臺!

地址:廣東省東莞市鴻福東路紅棉路24號  郵編:523000  電話:0769-3321 8176   傳真:0769-8987 5073    郵箱:[email protected]

Copyright(?) 2009-2013 東莞市洪福科技有限公司 All Rights Reserved. 版權所有  粵ICP備09061858號  

为什么开心农场不能玩