1、因為每套模板的CLASS都不同，所以以系統模板第一套模板為例，我們以最傻瓜的方式來DIY如何用CSS修改導航條顏色。

2、點擊導航右側“編輯”字樣。

3、點開顯示設置。我們的CSS代碼就要書寫在這里。

以下文字內容可以一同復制使用，不會影響到使用效果哦！

顏色標注出來的對應圖片換綠色的區域，紅色對應的換紅色文字區域。千萬別寫錯了，不然麻煩就大了

.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}

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

快消品貨源網提供超市貨源信息,超市采購進貨渠道。超市進貨網提供成都食品批發,日用百貨批發信息、微信淘寶網店超市采購信息和超市加盟信息.打造國內超市采購商與批發市場供應廠商搭建網上批發市場平臺,是全國批發市場行業中電子商務權威性網站。

本文內容整合網站：百度百科、知乎、淘寶平臺規則

本文來源： “鏡子貓”旺鋪2012【導航顏色/文字的CSS秘籍】