1、因?yàn)槊刻啄０宓腃LASS都不同，所以以系統(tǒng)模板第一套模板為例，我們以最傻瓜的方式來(lái)DIY如何用CSS修改導(dǎo)航條顏色。

2、點(diǎn)擊導(dǎo)航右側(cè)“編輯”字樣。

3、點(diǎn)開(kāi)顯示設(shè)置。我們的CSS代碼就要書(shū)寫(xiě)在這里。

以下文字內(nèi)容可以一同復(fù)制使用，不會(huì)影響到使用效果哦！

顏色標(biāo)注出來(lái)的對(duì)應(yīng)圖片換綠色的區(qū)域，紅色對(duì)應(yīng)的換紅色文字區(qū)域。千萬(wàn)別寫(xiě)錯(cuò)了，不然麻煩就大了

.skin-box-bd{background:none repeat scroll 0 0 #00ad08;}

.skin-box-bd .menu-list{background: none repeat scroll 0 0 #00ad08;}

.skin-box-bd .menu-list .link{background: none repeat scroll 0 0 #00ad08;}

.skin-box-bd .menu-list .menu{border-right:1px #006205 solid;}

.skin-box-bd .menu-list .menu .title{color:#ff0000;background: none repeat scroll 0 0 #00ad08}

.all-cats .link{background: none repeat scroll 0 0 #00ad08;}

.all-cats .link{border-right:1px #006205 solid;}

.skin-box-bd .all-cats .title{color:#ff0000}

看一下效果哦！【用了紅綠配，賽狗屁的顏色。讓大家可以更加深刻的對(duì)比代碼中的顏色。】

快消品貨源網(wǎng)提供超市貨源信息,超市采購(gòu)進(jìn)貨渠道。超市進(jìn)貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購(gòu)信息和超市加盟信息.打造國(guó)內(nèi)超市采購(gòu)商與批發(fā)市場(chǎng)供應(yīng)廠商搭建網(wǎng)上批發(fā)市場(chǎng)平臺(tái),是全國(guó)批發(fā)市場(chǎng)行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。

本文內(nèi)容整合網(wǎng)站：百度百科、知乎、淘寶平臺(tái)規(guī)則

本文來(lái)源： “鏡子貓”旺鋪2012【導(dǎo)航顏色/文字的CSS秘籍】