當前位置:首頁 » 背景圖片 » 藍色背景圖片網頁設計
擴展閱讀
康佳手機r9圖片 2025-04-23 22:57:47
ps圖片怎樣進行翻轉 2025-04-23 22:57:46
擠火車搞笑圖片大全 2025-04-23 22:56:23

藍色背景圖片網頁設計

發布時間: 2025-04-23 16:48:16

❶ 頁面設計頁面製作 這種背景的頁面怎麼切圖的啊。。。主要是背景怎麼整的。。。

目前我無法判斷你那些圖片帶鏈接,所以只能大概的給你講一下(目前文字部分我先不管),具體我拿第三張來講給你吧。

首先,把所有要做鏈接的圖層都隱藏掉,剩下的層,就可以用來切圖,整體背景是藍色,所以css搞定就行。

其次,背景有一張整體的背景圖,這個需要全部單獨切下來,圖片上面不要帶任何其他元素,就只是這張單獨的圖片就好,布局的時候引用為背景!

然後,剩下的就是主體部分,上面的播放視頻和文字我就不講了,簡單,底部的汽車促銷圖片也切一張大圖就好,也簡單。

最後,就剩下最難搞的中間部分,大概想了一下,2種方法實現,如下:
1、切成整張大圖,需要做鏈接的地方,畫上不規則熱區就好了!這種比較簡單些。
2、圖片什麼樣,就切成什麼樣,每張小圖都單獨切出來(注意:要做成png格式保存,背景設置為透明),然後寫html的時候,用css畫出等大的不規則圖形,吧圖片當做背景加進去,然後用css絕對定位一下,如有鏈接加鏈接,完美實現!

備註:css畫不規則圖形,網上可以搜到教程,看一看就差不多,不難!

至於其他幾張圖,比較簡單,簡單說一下第二張,第二張的其實如果想簡單實現,那就除文字和純背景色外,整張切,然後有鏈接的地方加熱點就好,想做復雜一點,就可以用到我所說的css畫不規則圖形,純色的三個縱橫條,不用切,css畫出來,添加背景色,然後絕對定位就好,其他的該切多大就切多大,然後用css絕對定位,設置好z-index的關系,就ok了!

之前做過很多這樣的網站,這都是經驗之談,完全能實現,要有問題再問我!完全純手打啊~~