教你制作最精良的CSS自定義導(dǎo)航條

導(dǎo)航條對(duì)于淘寶店鋪來(lái)說(shuō)就是消費(fèi)者的指路燈，可以將顧客順利引導(dǎo)到需要的界面，裝修出優(yōu)質(zhì)的導(dǎo)航更能提搞店鋪的轉(zhuǎn)化，為店鋪的整體加分。
如何才能裝修出優(yōu)質(zhì)的導(dǎo)航條呢？這一點(diǎn)可能讓很多中小賣(mài)家都很頭疼，畢竟是需要通過(guò)CSS自定義功能來(lái)實(shí)現(xiàn)對(duì)于導(dǎo)航條的完美蛻變，況且CSS不是短時(shí)間就能學(xué)會(huì)的，但是我們會(huì)用最直接最簡(jiǎn)單的方式教大家做出個(gè)性完美的css自定義導(dǎo)航，讓我們賣(mài)家都能學(xué)會(huì)如何簡(jiǎn)單運(yùn)用CSS代碼做好導(dǎo)航條。
CSS導(dǎo)航效果圖：

　　1. 首先把我們做好的psd文件切片，如上圖，儲(chǔ)存為web所用格式，保存格式選擇HTML和圖像。(這點(diǎn)很簡(jiǎn)單，不懂的可以看圖)

　　2. 把倒出來(lái)的images圖片上傳到淘寶圖片空間，右鍵白日夢(mèng)html，選擇Dreamweaver打開(kāi)。點(diǎn)擊菜單欄下面的設(shè)計(jì)，選擇01切片，依次用淘寶空間圖片鏈接，在軟件下方屬性源文件地址中替換成淘寶空間圖片鏈接。源文件下方，鏈接地址填寫(xiě)你需要鏈接到的淘寶頁(yè)面地址。

　　3. 選擇代碼，復(fù)制與中間的代碼，切記復(fù)制完整。之前先按F12測(cè)試鏈接是否有錯(cuò)誤。

　　4. 進(jìn)入裝修頁(yè)面，編輯店鋪招牌，選擇代碼，把之前復(fù)制的代碼粘貼。在高度里填寫(xiě)150px，這樣就可以把淘寶默認(rèn)的導(dǎo)航，頂下去，發(fā)布后就看不見(jiàn)淘寶的默認(rèn)導(dǎo)航了。導(dǎo)航背景需要在，裝修—樣式管理—背景設(shè)置里上傳導(dǎo)航背景圖片。然后預(yù)覽看看你的效果吧。 css導(dǎo)航需要html基礎(chǔ)。