淘寶美工：淘寶店鋪導航顏色裝修代碼有哪些？

淘寶首頁想要裝修的漂亮，需要用到一些代碼，現在可以借住一些在線代碼製作的網站，也可以自己用DW寫代碼。下面給大家介紹導航裝修的簡單的代碼。

修改導航背景色

（01）靜態背景顏色代碼：-box-bd -list {background:white;}用來設置【首頁 】等其它導航類目中的背景色。顏色代碼可以用英文單詞表示，如white（白），也可以用十六進制表示，如白色為#ffffff等表示。另外背景色也可用圖片，代碼為｛background:url(圖片地址）;}。在默認的導航條中最左邊的一項為【 所有分類】的背景色代碼：-cats {background:red;}導航條整個分類段背景色代碼：-box-bd -list{background:white;}【導航條背景色】修補導航右側缺口（分類不多時，右側可能會空着時的缺口）代碼：-box-bd{background:red;}我這個顏色用的很醜，主要是為了好區分，哈哈。

修改分割線顏色

（01）【所有分類】的右邊的分隔線顏色代碼：-cats {border-color:black;}“首頁”等分類右邊的分隔線顏色代碼：-list {border-color:black;}

修改文字顏色

（01）【首頁】等其它導航類目的文字顏色代碼：-list e{color:yellow;}【所有分類】的文字顏色代碼：-cats e{color:yellow;}【二級分類】的背景色代碼：p-content{background:gray;}【三級分類】的背景色代碼：p-content -tree -pop-inner{background:#504f4f;}【二級分類】的文字顏色代碼：p-content -name{color:yellow;}【三級分類】的文字顏色。代碼：p-content -tree -pop-inner -name{color:yellow;}（如果不寫這句代碼，那三級分類和二級分類顏色是一樣的。）

修改鼠標滑過變背景色

（01）鼠標滑過【首頁】等其它導航類目變換背景色代碼：-list -hover {background:green;}鼠標滑過【所有分類】變換背景色代碼：-cats-hover {background:green;}鼠標滑過【所有分類下的二級分類】變換背景色代碼：p-content -tree -hd-hover{background:green;}鼠標滑過【所有分類下的三級分類】變換背景色代碼：p-content -tree -cat-hd-hover{background:green;}鼠標滑過【導航類目下的寶貝分類】變換背景色代碼：-popup-cats -cat-hover{background:green;}

鼠標滑過變文字顏色

（01）鼠標滑過【首頁】等其它導航類目變換文字顏色代碼：-list -hover e{color:blue;}鼠標滑過【所有分類】變換文字顏色代碼：-cats-hover e{color:blue;}鼠標滑過【導航類目下的寶貝分類】變換文字顏色代碼：-popup-cats -cat-hover -name{color:blue;}鼠標滑過【所有分類下的二級分類】變換文字顏色代碼：p-content -hd-hover -name{color:blue;}鼠標滑過【所有分類下的三級分類】變換文字顏色代碼：p-content -tree -cat-hd-hover -name{color:blue;}

特別提示

運用代碼時可以直接複製本文，但記得為了使代碼沒有問題，複製後請把文字內容刪除，只留下代碼就行了。