- 您的當(dāng)前位置: 網(wǎng)站首頁 ? 信息講堂 ? 技術(shù)文章 ? 如何制作當(dāng)今比較流行的大背景網(wǎng)頁效果
- ***
如何制作當(dāng)今比較流行的大背景網(wǎng)頁效果
咱們拿秦皇島炎黃科技網(wǎng)絡(luò)工作室的網(wǎng)站為例:
實(shí)現(xiàn)的效果如圖:

第一步:用fw等圖片處理軟件獲取一張背景圖片,以上的網(wǎng)頁背景圖片 用一張一像素寬的小圖片即可。圖片為下圖的綠色切片區(qū)域:

第二步:建立一個(gè)空白html頁面,為body設(shè)置style 這個(gè)就是關(guān)鍵 代碼如下:

解釋一下:
#cc0000 考慮網(wǎng)頁如果過長(zhǎng),背景又不能一直y方向重復(fù),這個(gè)顏色最好設(shè)置為與您背景圖片下方結(jié)束地方也就是與下方?jīng)]有背景銜接的地方一樣的顏色,可以用fw取色。
url(../cdfcjj.com/images/002.jpg),括號(hào)里面的就是您的背景圖片的相對(duì)地址,當(dāng)然也可以是絕對(duì)地址。
repeat-x 這個(gè)是用于不是一張大圖,意思是圖片在x方向重復(fù)顯示
top 這個(gè)不用說了 就是圖片緊貼網(wǎng)頁頭部。
以上所說的就是大背景網(wǎng)頁效果的實(shí)現(xiàn)方法,根據(jù)您的不同需求可以選擇不同的背景圖片,制作出精美現(xiàn)代感極強(qiáng)的網(wǎng)站!
實(shí)現(xiàn)的效果如圖:

第一步:用fw等圖片處理軟件獲取一張背景圖片,以上的網(wǎng)頁背景圖片 用一張一像素寬的小圖片即可。圖片為下圖的綠色切片區(qū)域:

第二步:建立一個(gè)空白html頁面,為body設(shè)置style 這個(gè)就是關(guān)鍵 代碼如下:

解釋一下:
#cc0000 考慮網(wǎng)頁如果過長(zhǎng),背景又不能一直y方向重復(fù),這個(gè)顏色最好設(shè)置為與您背景圖片下方結(jié)束地方也就是與下方?jīng)]有背景銜接的地方一樣的顏色,可以用fw取色。
url(../cdfcjj.com/images/002.jpg),括號(hào)里面的就是您的背景圖片的相對(duì)地址,當(dāng)然也可以是絕對(duì)地址。
repeat-x 這個(gè)是用于不是一張大圖,意思是圖片在x方向重復(fù)顯示
top 這個(gè)不用說了 就是圖片緊貼網(wǎng)頁頭部。
以上所說的就是大背景網(wǎng)頁效果的實(shí)現(xiàn)方法,根據(jù)您的不同需求可以選擇不同的背景圖片,制作出精美現(xiàn)代感極強(qiáng)的網(wǎng)站!

致電 137 859 36100
7×24小時(shí)服務(wù)熱線



